Mobile-first for next generation
Yorn, a Portuguese brand created by Vodafone, the multinational telecommunications company, has been connecting young people and students since 2000.
Reimagining Yorn for Gen Z
Redesigning Yorn’s website meant rethinking onboarding to resonate with Gen Z - digital natives fluent in mobile-first experiences. We focused on creating a flexible, component-based system that’s both intuitive for users and scalable for Vodafone’s internal teams to manage and evolve.
Brand adaptation
Translated Yorn’s visual identity into a responsive, scalable design language fit for digital platforms.
Gen Z-Centric journeys
Crafted user flows tailored to younger behaviors, focusing on speed, clarity, and interaction.
Mobile-first approach
Prioritized smartphone usability from the ground up, ensuring intuitive navigation.
Storybook ready design
Designed with Storybook integration in mind, enabling seamless handoff.
Mobile first thinking
Adopting a mobile-first approach meant designing for the most constrained environment first. We prioritized core content, redefined the information hierarchy, and crafted components that worked seamlessly within limited screen space and touch-based interactions.
From there, layouts were scaled up - preserving clarity and usability while adding structure and breathing room on larger screens. This ensured a consistent, responsive experience across devices without compromising performance or design intent.
User journey as a conversion tool
Turning users into customers required more than a visual overhaul - it demanded a seamless, purpose-driven journey. By mapping pain points and understanding behavioral drop-offs, we restructured the entire conversion flow around clarity, trust, and ease of action.
Every step was intentionally designed and validated, from wireframes to final journeys, ensuring the experience not only guided users but motivated them to complete it.
✅ Frictionless flows
✅ Behavior-led decisions
✅ Clear path to action
✅ CX aligned with business goals
“When you talk to other creative agencies, they like to stand out. Pixelmatters presented a proposal based on what we as clients were looking for to overcome our challenges and not necessarily what they wanted to do”.
Scalable design, built for handoff
We designed with Storybook integration in mind, ensuring seamless collaboration with developers and a scalable design system. A tailored marketing style guide was also delivered for AEM, giving the client full autonomy to manage the site.
Speaking Gen Z, fluently
The Yorn redesign wasn’t just a visual upgrade - it was a strategic shift. By aligning brand, user behavior, and technical scalability, we delivered a mobile-first, conversion-driven experience built for Gen Z and managed with ease by Vodafone’s team. A future-proof foundation, designed to evolve.
