DESIGN SYSTEM
How to achieve a consistent user journey
Pearson Test of English case study, 2020-2022
Project Overview
Challenge
Fixing a fractured user experience across multiple products with various tech stacks and designs.
Solution
Integrate everything with a single design concept that is expressed throughout the entire user experience.
Outcome
A design system built on top of Google’s angular material framework deployed to multiple products
THE PROCESS
Create a solid design system
A system that enables your users to learn patterns and feel at home while exploring your website.
Designed in Adobe XD
Built with Angular Material
Deployed worldwide for all devices
Five breakpoint web app on a 8px grid
Intuitive and clean design
Build a Minimum Viable Product and test it with real users
Testing the Design System
This new client management system allowed PTE partners to add test takers, book and pay for tests, and track scores for all their test takers.
This product was the first to be built using the new design system. It was launched in a beta cycle to a select group of twenty Partner agencies. Multiple sessions were held with these groups to gather feedback and improve the MVP before it was launched to the wider audience.
Apply your design system across the entire user journey
EXPLORE THE SITE
Consistency is King
Utilizing the component based design system helps you establish consistency across the user journey.
Marketing site
Headless CMS
The marketing site was built using Contentful, a headless CMS that allowed content to be shared across the various products and enhance consistency.
Solve design strategy with UX Architecture
DESIGN PROCESS
Solution UX Architecture
Establishing a proficient team of designers, product specialists, and developers is crucial. Through collaborative efforts, you'll enhance the quality of your design strategy.
Sketching
Set the strategy together
The user experience is planned and crafted through teamwork and knowledge exchange.
Andy has been an exceptional UX architect who is familiar with usability techniques and is skilled using UX tools in the stages of development-wireframing and prototyping, user research and testing.
Datinder Mann
Director, Software Development at Pearson
Let’s build a design system for you
By submitting your email you agree with our privacy policy.