Skip to content

School

Create an animated website that tells a story.

categories

, , , ,

Tools

Figma, Illustrator, After Effects, VS Code, FullPageJS, CSS, HTML

DELIVERABLES

Website

Process

Research

I love to knit. I have found the act of knitting a useful tool for managing anxiety. I decided i wanted to share some of the benefits of knitting for meditation and calm. Armed with my idea, I found useful facts about knitting and its connection to mental health.

Design

screenshot of Figma layout of Knitting and the Brain website.

A mockup was created in Figma to get a general layout. I chose to do a single page layout with 4 screens. I searched for illustrations that would be suitable to animate and assist with telling the story of how knitting helped calm anxiety.

I sourced illustrations at storyset.com. I animated them in After Effects. I was aiming to add a visualization of how anxiety feels. A vibrating animation of the word anxiety, a woman with unstoppable swirling things in her mind, juxtaposed with a woman calmly knitting and crocheting.

The animations were exported with Body Movin and inserted into the FullPageJS.

Final Solution

The final website can be seen at studentwork.aquilasamson.com.