Approach to Animations Demo Video

Our frontend design apprentices showcased their culminating projects and shared some fun, creative, and clean ways of how they approached animation.

Our frontend design apprentices have been working hard devouring frontend knowledge and honing their design and development skills over the last three months with us. And they’ve spent the last month tackling the entire concept through the creation of their own sites.

Their directive was to create a site for A Modern Eden, a line of products created around illustrations of 40+ animals and aimed at style-savvy parents who care about what they put in their kids’ rooms.

Check out this snippet from Dakota’s demo of her site where she talks about a clean code way she introduced randomness to an animation:

See how Melissa used shape-outsideto wrap text around a giraffe and intersection observer to kick off a fun scrolling animation: