Client: Clapper
“Mad Hatter’s Quest”
Role: Creative Director, UI/UX Designer, Motion Designer
Deliverables: in-app landing page, campaign branding, social content
"The Mad Hatter’s Quest" was a gamified, immersive experience created for Clapper, designed to engage users through a whimsical and engaging narrative inspired by the world of Alice in Wonderland. The project featured a series of in-app challenges, interactive content, and enticing rewards, all presented through a visually rich interface that captivated users and encouraged participation.
THE LANDING PAGE
The landing page for "The Mad Hatter’s Quest" is designed with a focus on user engagement and intuitive navigation. It features a visually captivating UI that immerses users in the whimsical theme of the quest. Key UX elements include a dynamic progress tracking system that allows users to easily monitor their journey through the challenges, providing a sense of accomplishment as they advance.
Additionally, the landing page showcases variable prize elements, where users can view potential rewards, adding an element of excitement and motivation. The integration of smooth animations enhances the overall experience, making the interface not only functional but also delightful to interact with.
𝑓𝑖𝑔. 2
Task Progression System
𝑓𝑖𝑔. 1
Above the Fold
𝑓𝑖𝑔. 4
Send Gifts CTA
𝑓𝑖𝑔. 3
Gachapon Prize Mechanic
THE Visual identity
The overall design is a celebration of creativity and imagination. The curves, twists, and playful elements within the logo lock-up mirror the unexpected turns and delightful surprises participants can expect throughout the quest. This branding invites users to embark on an adventure that is as visually captivating as it is engaging, making "Mad Hatter’s Quest" a memorable and enchanting experience.
In essence, the branding for "Mad Hatter’s Quest" is more than just a visual identity — it’s a portal to a world of wonder and excitement, perfectly encapsulating the magical journey that awaits.
𝑓𝑖𝑔. 5
Lock-Up B&W 1
𝑓𝑖𝑔. 6
Lock-Up B&W 2
𝑓𝑖𝑔. 7
Lock-Up Color Variant 1
𝑓𝑖𝑔. 8
Lock-Up Color Variant 2
THE Social ELEMENT
The social content was developed to extend the reach of "The Mad Hatter’s Quest" beyond the app, engaging users on social media platforms. The carousel posts features a series of visually consistent and engaging posts designed to attract attention and drive participation in the quest. Each slide in the carousel showcases different aspects of the campaign, from highlighting key prizes to emphasizing the whimsical nature of the experience.
The design maintains a cohesive theme that ties back to the in-app experience, ensuring brand consistency and reinforcing the overall narrative of the quest. These social assets were integral in generating buzz and encouraging users to join the adventure.
𝑓𝑖𝑔. 9
Social Carousel