Andyedge logo
ux-architecture-bg

DESIGN SYSTEM

How to achieve a consistent user journey

Pearson Test of English case study, 2020-2022

logo-pearson
Project Overview
cso-icon-challenge
Challenge

Fixing a fractured user experience across multiple products with various tech stacks and designs.

cso-icon-solution
Solution

Integrate everything with a single design concept that is expressed throughout the entire user experience.

cso-icon-outcome
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.

check-small-green
Designed in Adobe XD
check-small-green
Built with Angular Material
check-small-green
Deployed worldwide for all devices
check-small-green
Five breakpoint web app on a 8px grid
check-small-green
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

design-system-site-design-pearson
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.

design-system-site-design-pearson
design-system-shoppingcart-checkout-pearson
design-system-ecommerce-checkout-pearson

Solve design strategy with UX Architecture

ux-architecture-ecommerce-pearson
DESIGN PROCESS

Solution UX Architecture

Setting a professional team of design, product and development is key. Mutual collaboration will greatly improve the quality of your design strategy.

Sketching

Set the strategy together

The user experience is planned and crafted through teamwork and knowledge exchange.

ux-solution-architecture-sketching
pearson-logo-aeaeae

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
user-journey
START YOUR JOURNEY WITH ANDY, EXPERIENCE CONSULTANT

Let’s build a design system for you

Enter your email below and we’ll get back to you with vital questions to start planning our collaboration.

By submitting your email you agree with our privacy policy.