INTO Design System

Leading a design system team

UI Design | Digital Strategy | Component Design | Figma Prototypes

Business: INTO University Partnerships LLP
Deliverable: Design system, digital components, governance guidelines

Objective

To implement a design system from scratch based on existing product UI style guides. The new system had to include and support four live INTO brand identities that represent different products and services.

Approach

The approach was to build on product UI style guides which illustrated key UI component groups for live products. An analysis of common and unique components was carried out and an estimate on design resource time to build a new design system was created and presented to stakeholders.

Following sign off common UI assets were gathered and refined into reusable design patterns following the atomic methodology for the new design system structure. Using Figma libraries each component was built out with component groups forming design system patterns.

I led the design team as we created the UI components using Figma, I used an iterative design and production process. As the UI design components were completed they were tested to ensure accessibility, usability and brand consistency. Any required design changes were implemented and documented as the design system evolved.

ZeroHeight was used to apply indexing, usability, accessibility and usage guidance for designers, developers, testers and the wider business. A governance system was also authored to give clear guidance on system use within the business.

Outcome

This successful design system was launched to the business with four product areas with common UI components and patterns. The INTO design system gives a consistent look and feel to the INTO website group and app to strengthen the INTO brand.

The INTO design system continues expansion and development today. The design system allows the company to implement global design changes and quickly bring new products to market.


Elements and components from the INTO design system within the integrated Figma library

Looking for a freelance lead UI/UX designer in Brighton, Sussex, London or remote? Get in touch to discuss how I can support your next design project.

back to design portfolio