A Campaign Page For The 2024 Met Gala
Translated complex product requirements into structured user flows, collaborated with the PM to ensure logical transitions between screens, refined interaction flows, and gathered visual and typography references.
4 weeks
March – May 2024
Launched in May 2024
Prototyping
User Research
Interaction Design
Micro-interaction
2 UX Designers
(Including Me)
1 Product Managers
Engineers Team
1 Visual Designers
Designed a gamified campaign experience featuring a voting mechanism that drove engagement and participation, contributing to a record-breaking launch reaching 13.6M+ viewers and +71% content growth.
As The Lead Sponsor Of The 2024 Met Gala And The Costume Institute's Exhibition Sleeping Beauties: Reawakening Fashion, TikTok Sought To Extend The Event Experience Beyond Livestream Viewing And Into Interactive Platform Engagement. 🤩
Our Team Was Tasked With Translating Complex Product Requirements Into Development-Ready Deliverables Within Just One Month, With Minimal Official Visual Assets Available.
Had only one month to convert complex requirements into finalized, developer-ready designs.
Designed a multi-phase experience integrating voting, rewards, rankings, and timed content transitions.
Established a fashion-level aesthetic with only a few official brand visual assets available.
Inspired By The Met Gala Dress Code The Garden of Time, We Incorporated A Rotating Kaleidoscope Visual Motif. The Experience Opens With An Entrance Animation, Uses Motion To Present Rewards, And Builds Curiosity.
Users Could First Vote On Past Met Gala Looks, Then Vote On Current Looks Once The Event Launches.
A Competitive Card Interaction Adds Playfulness And Implies That Selecting One Option Discards The Other.
After The Initial 5 Votes Are Used, Users Must Complete Tasks To Earn More Voting Chances. The Ranking Of Their Favorite Look Is Revealed Only After All Votes Are Cast.
See What Rewards You've Earned, Compete With Friends On The Leaderboard, And Discover Others Who Share Your Taste—Encouraging Sharing And Connection.
Let Users Share Their Personal Style Statement Smoothly Outside TikTok Ecosystem.
Translated PM Requirements Into A Structured User Flow, But Uncovered Hierarchy Issues.
Restructured Entry Interaction, Yet Still Lacking A Strong Fashion Identity
Simplified The Visual Language For Greater Clarity.
Used Blur As A Motivational Cue To Drive Engagement.
Lacked A Strong Fashion Tone
Added An Opening Animation, But Misaligned With This Year's Theme
Repositioned Rewards To Prioritize Voting And Improve Flow Efficiency
The Spotlight Concept Did Not Align With This Year’s Met Gala Theme
The Reward Section Still Disrupted The Overall Fashion Tone Of The Page
Snippets Of The Final Design And Interactions Details That I Feel Proud Of!
Collaborating In A Fast-Paced Environment With Designs That Impact Millions Have Taught Me...