animated typeface hero
Animated Typeface is a responsive and interaction-rich website showcasing VFS Digital Design students’ work in storytelling.


Initially, a website and the social hub, Giphy, was brainstormed to house all the animated gifs. Thus, a masonry layout was prototyped but was scrapped because it was unnecessary to animate the grid. The creative direction decided on was KISS (Keep it simple, stupid). Both the website and Giphy, reflected the department’s brand, hence proper copy was bounced around with the managing team. The Giphy page has only Chunk Five’s typeface but the other typefaces were not added to it; For long-term management, adding the animated typefaces to the website, uploading to Giphy, and tagging it within a 1 day turnaround was not feasible.

     Gifs initially embedded
     from Giphy         
     lower performance         
animated typeface embed challenge

The website focused on faster loading gifs so measurement of speed was done with Google PageSpeed and GTmetrix. Google Analytics was monitored as well to ensure the proper user experience.

The social media strategy involved blogging on the community blog – OOMPH and Facebook sharing. Also, continual maintenance of the UX/UI was enforced as the site grew.

Behind the Scenes:

Archived Real-world Project

Roles:           Developer / Classroom Assistant. Reality   =>   Jill of All Trades Operator - Roles: Content Strategist, Web UX/UI Designer, Front-end Developer., SEO Specialist, and Webmaster

Team:           Steph - See above, VFS Alumni - Content Creators, and more details from humans.txt

Duration:     October 2014 - 2020

A working design system was on the horizon. Sidebar: The whole collection is an unexpected formation of Product Vision when revamping and organizing interface content.

Related Collection Projects

Back to Top