We developed a website and an abstract infographic style that works together with animations to explain the essence of the Culturally Connected approach.
Wireframing and prototyping interactions
This was one of those rare cases when content was available up front. So we started with wireframes and rapid interaction tests.
Even at this stage, we wanted to make sure we’re on the same page with the client, that is why we created some simplified interactions how content would be delivered and what scrolling behaviour to expect.
Developing the illustrations and infographics
Iterating on illustrations, infographics and testing in the context of the interface.
Interface and interaction design
With the illustration style approved, we worked our way through the interface and animations to turn imagery into explainer graphics.
Development and implementing SVG animations
The developed website uses lightweight svg animations and an interesting transition for the full-screen menu.