Brief
The brief was to showcase a range of visual projects in an engaging format utilising animation.
Lumen approached OneTenEleven to create a new website appealing to artists, galleries & creative organisations. The brief was quite open with the only direction been a requirement for animation and the Lumen logo.
Work began on creating a style guide for Lumen, a font & colour scheme was selected and a layout created putting emphasis on the supplied imagery and Lumen’s impressive range of projects.
Logo Animation
The starting point was the Logo Animation
As a starting point the static Lumen EPS logo was imported into Cinema4D and setup for animation. A number of test setups exported then replicated in code using SVG animation techniques.
Development
Result
A clean minimal site featuring SVG, JS & CSS Animation.
The result was a custom responsive WordPress theme utilising CSS3 animation & SVG Animation with Raphael.js.
