Cee's Big Day is an animated story presented via an interactive website. The aim is to teach children the importance of treating others with kindness and to not have prejudice.
Adobe Illustrator • Adobe After Effects • Webflow
An initial mindmap was created to develop the core themes and delivery of the story.
Aesthetic Goal: I want the user (the child) to empathise and feel the emotions of the characters (e.g. feel happiness when the character is shown to be happy) throughout the story so they will ultimately learn and understand the importance of inclusion. This will be done through the animation/motion as they will visually engage and interact (via mouse functions).
I created the story based on the themes of equality and compassion. Gender-neutral insects were used to allow for inclusion of children from all backgrounds.
Research and analysis of competitor market and styles.
The storyboarding was developed from thumbnails > cleaned-up panels > animatic.
A prototype to demonstrate the re-designed navigation and page layouts, on both mobile and desktop.
I prototyped two user journeys: viewing a product and viewing the information about the brand.
The characters were designed to have unique shapes or colours to define their identity and/or relationship to one another.
The backgrounds were designed using paint textures to give it a "storybook" feel.
The animations and story were composited using Webflow.
Using the Lottie bodymovin extension, the animations could be exported from After Effects and used in Webflow.
I created a short trailer video to document the whole creation process.
The interactive website is effective in telling the story and could easily be enjoyed by both children and adults.
Whilst it is usable, the device responsiveness could be improved as it isn't suitable for mobile devices. The accessibility could be improved through an improvement in legibility and addition of narration or descriptive alt tags.