From concept to execution, interactive user interfaces for sponsored content are some of the fun design projects I work on. I’ve had the pleasure of creating quite a few(almost 50) branded interactive experiences. The workflow for creating these firstly entails wireframing, using illustrator or even hand drawing. A to-scale static mock is then designed in Adobe Illustrator. Vectored elements are then exported from Adobe Illustrator in an SVG format to retain maximum sharpness. SVG elements are imported into a UI platform called CEROS in-order to add animation and interactivity. Web optimized rastered imagery and optimized video are created in Photoshop and media encoder respectively and imported into the CEROS software. The software’s interface works much like photoshop and elements are placed in a layered/cascading format. Customized html is used at times to achieve features not natively supported by CEROS. I have embedded a few interactives below. I hope you find them interesting!