Animation Project: Trash Pandas of the Night

This website is an animation showcase of my favorite animals that I illustrated and animated myself.

About

Our Web Design/Animation class tasked us with creating three different types of animations (SVG, GIF, CSS Sprite) and designing a website to showcase it.

Objective

Create a unified theme and color palette for the website, as well as creating 4 animations using the 3 techniques taught to us.

First Iteration

Second Iteration

Challenges

The illustrations of raccons in blue were my first attempt at the animations and website. While full of character it lacked consistency (and the website was terrible). After redoing the animations and website this year, I’d say the project has improved immensely due to the cohesion in the animations and the way I coded the website to be a part of the theme, instead of an afterthought.

Outcome

Despite the difficulty we had with the code, our team managed to pull through and create something cute and kitschy. Although the mechanic is very simple, the theme allowed us to lean into the simplicity in a way where we could still showcase our strengths.