UI Motion Graphics
Dec 2022
Dec 2022
NEW YORK TIMES SPELLING BEE
Spelling Bee is one of the puzzle games you can play on the New York Times Crossword app. Being a frequent user of the app, I felt it was lacking in personality. Thus, I was intrigued to add motion to their type and playful icons.
Context
DURATION
2.5 weeks
TOOLS
Adobe After Effects
Adobe Illustrator
Figma
CLIENT
Jake Matauch — DES 370: Motion Design
New York Times Games
FINAL DELIVERABLE
User walthrough video showcasing the added animation and rebrand to the chosen application
2.5 weeks
TOOLS
Adobe After Effects
Adobe Illustrator
Figma
CLIENT
Jake Matauch — DES 370: Motion Design
New York Times Games
FINAL DELIVERABLE
User walthrough video showcasing the added animation and rebrand to the chosen application
Brainstorming
Initial thoughts and mind mapping
Rough “wireframing” on Figma before I start animating on Adobe After Effects.
Creating Motion
LOADING SCREEN
Each animation represents a game within the New York Times Games collection.
SPELLING BEE LANDING SCREEN
The text fades and animates upwards while the “Spelling Bee” animates in a jumping interaction. After you tap the play button, the bee jumps transitioning you into the game.
CELEBRATION ANIMATION
After you get a word, a bee and flower animates from the left congratulating you! The more/longer words you get, additional bees and flowers appear. The bee at the progress bar also moves and leaves a flower for each word you get.