Mapp AI Landing Page

I designed the landing page for Mapp’s second annual Fashion Decoded event, transforming it from a static page into an AI-driven, motion first experience that reflected the brand’s focus on understanding why people buy fashion. The hero imagery was fully AI-generated, allowing for high-fidelity, human-centric visuals that aligned with Mapp’s Brand Fidelity in the Age of AI.

The Challenge:
The previous edition was static and feature-led. Our goal was to create a dynamic, interactive experience that felt sophisticated, human, and technologically forward, while keeping core event information clear for a senior audience.

Creative Direction:

• AI-Driven Hero: Leonardo AI created realistic models for the hero, transitioning from streetwear to styled fashion on hover.

• Motion-First Experience: Framer animations guide users subtly, adding prestige and engagement across desktop and mobile.

• Desktop & Mobile: Video-hover states, modular card layouts, and thumb-friendly CTAs ensure clarity and interaction on all devices.

• Brand Alignment: Pink/purple palette, typography hierarchy, and consistent visuals maintain Mapp Fashion’s identity.

Impact:
The landing page became an immersive, production-ready experience that elevated engagement, showcased AI generated assets, and reinforced the event’s forward-thinking positioning. The final slide of the deck details my UI/UX process, highlighting how motion, hierarchy, and AI integration came together to create a cohesive, user-focused journey.

Link to project: Mapp Landing Page