Atom Design System:
One system. Five brands. 89% less effort to ship.

Atom Design System:
One system. Five brands. 89% less effort to ship.

Atom is the multi-brand design system I built at DragonPass — a token-driven foundation that themes an entire product for any partner brand, and ships in days instead of months. Wired end-to-end with AI.

Atom is the multi-brand design system I built at DragonPass — a token-driven foundation that themes an entire product for any partner brand, and ships in days instead of months. Wired end-to-end with AI.

Context

Context

Every partner channel was rebuilt from scratch.

Every partner channel was rebuilt from scratch.

Develop a universal identity service template to be deployed across Vodafone's global markets, including those in Africa, to streamline operations, reduce costs, and enhance efficiency.

Develop a universal identity service template to be deployed across Vodafone's global markets, including those in Africa, to streamline operations, reduce costs, and enhance efficiency.

This case study describes the end-to-end design process from research to implementation of a scalable Global Identity Service template for Vodafone that reduced development and maintenance costs by 45% and increased operational efficiency.

This case study describes the end-to-end design process from research to implementation of a scalable Global Identity Service template for Vodafone that reduced development and maintenance costs by 45% and increased operational efficiency.

Background

Background

Challenge

Challenge

Vodafone required a standardized yet flexible identity service template that could be adapted to diverse market needs without incurring excessive costs or complexity in development and maintenance.

Vodafone required a standardized yet flexible identity service template that could be adapted to diverse market needs without incurring excessive costs or complexity in development and maintenance.

Opportunity

Opportunity

This project offered an opportunity to unify Vodafone’s service offerings across different markets, which would not only reduce costs but also improve customer experience and trust through a reliable and consistent identity verification process.

This project offered an opportunity to unify Vodafone’s service offerings across different markets, which would not only reduce costs but also improve customer experience and trust through a reliable and consistent identity verification process.

The Process

The Process

Research and Discovery

Research and Discovery

Stakeholder Interviews: I conducted interviews with Vodafone executives, product managers, and technical leads to gather insights into business goals and user needs.

Market Analysis: I examined different markets to understand cultural nuances and technological constraints.

Competitive Analysis: I reviewed of competitors’ identity solutions to identify gaps and opportunities for differentiation.

Usability Testing: I planned and conducted usability testing sessions to gather feedback on the existing Vodafone Identity service solution and identify areas for improvement.

Stakeholder Interviews: I conducted interviews with Vodafone executives, product managers, and technical leads to gather insights into business goals and user needs.

Market Analysis: I examined different markets to understand cultural nuances and technological constraints.

Competitive Analysis: I reviewed of competitors’ identity solutions to identify gaps and opportunities for differentiation.

Usability Testing: I planned and conducted usability testing sessions to gather feedback on the existing Vodafone Identity service solution and identify areas for improvement.

Key Insights from Research

Key Insights from Research

Users value simplicity and security in Identity Verification solutions.


Cultural sensitivity and localisation are essential for building trust and adoption in diverse global markets.


Scalability and adaptability are critical to meet the evolving needs of users in regions with varying levels of technological infrastructure.

Users value simplicity and security in Identity Verification solutions.


Cultural sensitivity and localisation are essential for building trust and adoption in diverse global markets.


Scalability and adaptability are critical to meet the evolving needs of users in regions with varying levels of technological infrastructure.

Documentation

Documentation

I created UX documentation for the existing Vodafone Identity service products. I collaborated with cross-functional teams, including developers, product managers, and stakeholders from different markets, to ensure we were all aligned on the project requirements.

I created UX documentation for the existing Vodafone Identity service products. I collaborated with cross-functional teams, including developers, product managers, and stakeholders from different markets, to ensure we were all aligned on the project requirements.

Design documentation for the Vodafone identity service template
Design documentation for the Vodafone identity service template

Persona Creation

Persona Creation

I developed user personas representing different user groups across markets to tailor the design effectively.

I developed user personas representing different user groups across markets to tailor the design effectively.

User personas created for the Vodafone identity project
User personas created for the Vodafone identity project

User Flows

User Flows

I created user flows and sketches to identify essential steps and screens required for individual journeys.

I created user flows and sketches to identify essential steps and screens required for individual journeys.

User flow diagrams for the Vodafone identity service

Visual Design, Design System, and Prototyping

Visual Design, Design System, and Prototyping

User Interface Design

User Interface Design

User Interface Design: I created high-fidelity designs focusing on aesthetics and user interactions.

Design System: User interface designs were created using Vodafone’s well-crafted Design System.

Designing with “Source” streamlined my workflow, ensuring consistency and efficiency. It provided all the necessary tools and guidelines for creating user-friendly experiences that align perfectly with the brand.

User Interface Design: I created high-fidelity designs focusing on aesthetics and user interactions.

Design System: User interface designs were created using Vodafone’s well-crafted Design System.

Designing with “Source” streamlined my workflow, ensuring consistency and efficiency. It provided all the necessary tools and guidelines for creating user-friendly experiences that align perfectly with the brand.

Vodafone identity service interface design, screen set one
Vodafone identity service interface design, screen set one
Vodafone identity service interface design, screen set two
Vodafone identity service interface design, screen set three
Vodafone identity service interface design, screen set three
Vodafone identity service interface design, screen set four
Vodafone identity service interface design, screen set four

Usability Testing and Iteration

Usability Testing and Iteration

Testing Sessions

Testing Sessions

We conducted tests across various markets on a soft launch of the redesigned ID flows. The new onboarding solution tested positively when compared to the existing experience.

We conducted tests across various markets on a soft launch of the redesigned ID flows. The new onboarding solution tested positively when compared to the existing experience.

Usability testing sessions for the Vodafone identity service

Analysis and Iteration

Analysis and Iteration

I refined the design based on feedback to ensure the solution meets the needs of all user personas.

I refined the design based on feedback to ensure the solution meets the needs of all user personas.

Analysis and design iteration for the Vodafone identity service

Implementation and Deployment

Implementation and Deployment

Technical Documentation

Technical Documentation

I created detailed documentation to aid developers during the implementation phase.

I created detailed documentation to aid developers during the implementation phase.

Technical documentation handed to Vodafone engineering
Technical documentation handed to Vodafone engineering

Results and Strategic Impact

Results and Strategic Impact

Results

Results

Market Expansion: This template facilitated expansion into new markets with minimal customization efforts.

Revenue Growth: It enabled new revenue streams through cross-selling and upselling opportunities.

Operational Efficiency: Significant reduction in development and maintenance costs.

Customer Satisfaction: Improved user experience led to higher customer satisfaction rates and lower churn.

Market Expansion: This template facilitated expansion into new markets with minimal customization efforts.

Revenue Growth: It enabled new revenue streams through cross-selling and upselling opportunities.

Operational Efficiency: Significant reduction in development and maintenance costs.

Customer Satisfaction: Improved user experience led to higher customer satisfaction rates and lower churn.

Lessons Learned

Lessons Learned

Importance of cultural sensitivity in global solutions.

Benefits of iterative testing and feedback integration.

The strategic impact of aligning UX/UI design with business goals.

Importance of cultural sensitivity in global solutions.

Benefits of iterative testing and feedback integration.

The strategic impact of aligning UX/UI design with business goals.

Conclusion and Reflections

Conclusion and Reflections

This project achieved its initial goals and also provided Vodafone with a strategic tool for future growth. The key to success was the emphasis on comprehensive research and user-centred design principles, which ensured that the final product was efficient, cost-effective, and highly adaptable to diverse user needs.

This project achieved its initial goals and also provided Vodafone with a strategic tool for future growth. The key to success was the emphasis on comprehensive research and user-centred design principles, which ensured that the final product was efficient, cost-effective, and highly adaptable to diverse user needs.