The UX team avocated, created and tested UAL's first design system, which has been created with the sole purpose of unifying all of UAL's projects with the aim of bring mobile, accessibility and performance first priniciples to the forefront of every UAL product.
Co-creation, 1-2-1 interviews, Card sorting, Publication
Figma, HTML, CSS
A kick of meeting with UX Designs, Developers, Content and Brand team members was organised by myself to provide an introduction to what, how and why a design system is needed. To discover the needs, wants and challenges from different points of views. This allow all of us to form a foundations on the atomic design methodologies, as we as, forming 3 key principles that we should follow. Mobile, accessibility and performance first principles.
From the audit sketches of each component for three breakpoints, mobile, tablet and desktop.
The sketches components were placed into wireframes to get a view of how they would look, feel and work on a variety of templates.
During the development of the new website templates for the 1st, 2nd, 3rd and 4th level pages were mocked up. This allowed us to stress test the components.
We aiming to make our designs system public. First starting internally with UAL, allowing students to experiment with the system with design and code means. Then after, a full public release to set a standard for other universities to follow.
It has been a pleasure to work on a design system that is still at it's beginning, but has a lot of protencial to be used across all of UAL's digital products. The process for creating the system with the agency, UAL stakeholders and the digital team has shown that co-creating is a methodology that should be used beyond this project.