Sigouy Mo's Online Portfolio

Arrow Down

Pearson UX Design Framework

Client: Pearson

Product Research / UX Design Framework

Delivering a convenient, centralized and evolving design system.

Problem

Our GXD London team works across three main product and service design spaces which spans multiple portfolios. Hence the following issue raised:

  • The growing UI/UX inconsistencies across products has been the major impediment for us to make any global changes.
  • Instead of putting time and energy into creating new experience, new algorithms, new business logic, our product team spent considerable unnecessary amount of time on tweaking a button padding or designing a card pattern for the 10+ times.
  • Lack of bespoke solutions and design languages for distinct customer segments - e.g. Primary vs Adult.

Challenge

Deliver a convenient, centralized and evolving design system via unified design patterns and frameworks to maintain brand integrity, expedite production, ensure interface consistency and improve users' learnability.

Strategize ways to approach, design and evolve an effective design system, and ways to successfully maintain the system to ensure ongoing usefulness over time.

Process

  • Reassess current design language in discernible categories, finalize and consolidate those to form the core of the design system. Define a collection of reusable components, guided by clear standards, that can be assembled to build any number of screens and applications.
  • Define two unique subsets of the system for the Primary age groups - age 5 to 10, and age 11 to 16.
  • Collaborate with accessibility specialists to ensure the design system conform to level AA of WCAG.
  • Implement design system in Sketch, keep files in sync across the entire design team. Define the process for updating/modifying/extending pattern variants in order to ensure that the system is flexible, scalable, reliable, and sustainable in the long-term. Provide decision flowchart to facilitate implementation.
  • Collaborate with key engineers to refine codes and make sure the system is performant and production ready.