"exo Moments" Campaign
A multimedia-rich landing page designed and integrated for exo's brand reconnection campaign. the layout balances engaging storytelling with strict responsive constraints to seamlessly showcase user stories, photos, and embedded videos across all devices.
Role
UI/UX Designer & Integrator
Company
exo (Réseau de transport métropolitain)
Tools
Figma, HTML/CSS
Timeline
Fall 2024
The Problem & Solution
The problem: exo needed a dedicated, engaging landing page for a campaign aimed at reconnecting with users. The challenge was hosting diverse multimedia stories (text, photos, and videos) without creating a cluttered or overwhelming user experience
The solution: A responsive, component-driven landing page that elegantly balances rich media and storytelling, creating an immersive space that humanizes the transit brand.
Process & Product Thinking
Agile component integration: Successfully pivoted mid-project to accommodate a new requirement for embedded YouTube videos, adapting the layout architecture without breaking the established visual hierarchy.
Designing for rich media: Built custom, responsive containers tailored specifically to highlight user-generated content, ensuring text and imagery remained perfectly balanced and accessible.
Key Features & User Workflows
Immersive narrative flow: Structured the information architecture to guide users naturally through the campaign stories, utilizing generous whitespace and distinct media blocks to maximize engagement.
Key Takeaways
Balancing diverse multimedia content requires a strict, underlying grid system to prevent visual clutter and maintain a cohesive narrative flow.
Adapting to unexpected mid-project requirements (like new video integrations) underscores the necessity of building flexible, modular design components from the start.