Roc Grotesk Typographic Microsite

Figma + After Effects + Illustrator
Interaction Design
2022

This project was my first step in interaction design, using Figma I was able to create a microsite for the pre-existing typeface Roc Grotesk. This typeface was created by the Kostic Type Foundry and was originally inspired by letterpress woodblocks as well as sign making. My goal for this project was to give the user a new experience to a product that they may already be familiar with while trying my hand at a new program. I wanted to set the type in a new contemporary setting that would allow the audience to visualize the product in a new environment that gives new life to Roc Grotesk. To create a contemporary setting I created looped animations in After Effects, along with providing users with a light mode and a dark mode to see the different moods the typeface can convey. Overall, I had a great time experimenting with new programs and designing for an interaction that was beyond print.
Credits: Kostic Type Foundry



More Projects To Check Out
Back to Top