Messi Connect
Designing the foundations of
an AI-powered conversational experience.
OVERVIEW
Messi Connect is an AI-powered storytelling platform where fans can relive iconic moments from Messi’s career and interact with him through video-call experience.
The AI listens to the user's voice, interprets their intent, and selects the most relevant response from a library of 300–400 pre-recorded videos, each tagged with detailed metadata.
The platform was designed as a white-label product that could eventually support other personalities beyond Messi.
My role
Product Designer:
Conducted user research in Barcelona to validate product-market fit and identify the core challengeI designed the human layer around an AI-powered product.
Designed clarity-first UX across sign-up, onboarding, and voice-first mechanics
Built a design system from scratch that separated brand identity from interaction mechanics, enabling white-label expansion to future personalities
Team
Product Manager
Technical Lead
Lead AI / ML
2 Developers
Q&A
Myself
The product existed as an MVP with strong concept but struggling execution. When I joined, the core UX was fragmented, users were confused about the experience, and there was no foundation for scaling. My focus: redesign the entire user experience to address these three critical problems.
🤔
1. Users didn't understand what the product was about
CHALLENGE💔
2. Fragmented experiences within the product caused drop-off
🧩
3. There was no foundation for scaling to other personalities
APPROACH
Talking to Fans in Barcelona
I'm hands-on. Rather than designing from a desk, I went to Barcelona in the Barça uniform to conduct research and concept testing with around the stadium to understand how fans reacted to the product and the idea of “Talking to Messi” and what they actually expected.
KEY TAKE AWAYSExcitement vs. confusion
Strong excitement and interest, but confusion about what the experience actually offered.
High bar for authenticity
Strong expectations for realism and personal-feeling content
Novel interaction needs guidance
The interaction model felt unfamiliar - users needed help understanding how to engage
DESIGN GOALS
🔍 Clarity
Help users understand a novel product. Guide them through sign-up, explain the interaction model, set expectations.
⚡ Frictionless
Remove friction from sign-up and onboarding so users actually enter the experience.
🎯 Conversion
Turn interest into action—improve the flows that get users from consideration to first interaction.
🧩 Scalability
Build a design system and foundation that supports Messi today and enables expansion to other personalities.
SOLUTIONI tackled the design goals across three areas:
Redesigning the core user flows
Creating interaction structures that help users understand a novel experience
Building a comprehensive design system
Final outcome
- Highlights
Design goal: Conversion
A strong Store presence
Bold visuals and clear positioning made Messi Connect unmistakable on the App Store.
Across 25 weeks (27K+ impressions):
11% average CTR (18.4% peak)
4.2% conversion to download (8.3% peak)
Refined through A/B testing and keyword localization (EN/ES).
Design goal: Clarity
Landing the value proposition
Research showed users were confused: we had no onboarding to explain the experience. I designed a four-screen walkthrough answering every question: what the product is, what you can do, why access is limited.
Result: +26% registration conversion.
Design goal: Clarity
Setting expectations before sign-up
The authentication screen doubles as a preview of the experience. A background video shows how users interact with Messi, helping users understand the product before committing. This reduces uncertainty and increases motivation to continue.
+26% registration conversion
Design goal: Frictionless
Frictionless sign-up
The original sign-up was fragmented and visually inconsistent. I redesigned it end-to-end: no scrolling, no distractions, just fast sign-up via Google, Apple, or email.
Design goal: Clarity & Conversion
Designing for voice-first interaction
The AI listens to the user's voice, interprets intent, and selects from a library of 300–400 pre-recorded videos. The experience was designed to feel like an interactive story, combining conversational UI, video-first content and clear interaction cues that help users understand when to listen, speak and explore.
94% of users granted voice permissions, showing genuine engagement and trust.
Design goal: Conversion
Gamifying the experience
Messi's content wasn't recorded yet at launch. To keep users engaged, I designed a progression system that rewarded exploration: match highlights creating natural re-entry points, an interactive globe mapping iconic moments to career milestones, and a set of collectable stickers that could be unlocked through replays.
This built habit and anticipation.
Design goal: Conversion
Building urgency through exclusivity
Limited access and FOMO-driven messaging increased desirability.
The Home screen teased exclusive content available only to members, creating a clear incentive to convert.
Early push notifications drove 67% opt-in during onboarding.
Design goal: Clarity and Conversion
A new design system built from scratch
I built a design system from scratch that separated brand personality (colors, typography, tone) from interaction mechanics (buttons, states, conversational patterns). This split allowed us to swap Messi’s visual identity for another personality while keeping the underlying interaction logic intact. The system documented 30+ components, interaction states, and edge cases; creating a reusable foundation that cut design-to-development handoff time and enabled non-designers to onboard new personalities without reworking core flows.
Design goal: Clarity and Conversion
Building a cohesive brand across touchpoints
I expanded the product experience beyond the app, designing the website and social presence to create a consistent, recognisable identity across platforms.
Aligning visual language, messaging and tone helped reinforce the concept, build trust early, and drive engagement from the first touchpoint.
Impact