UNE wanted to modernise their Course and Unit catalogue and ensure that they are leading the pack when it comes to discovering courses for prospective students. It was a massive undertaking for the university, as internal systems needed to be updated too along with the front-end design to ensure users receive the best possible online experience.
How I tackled the challenge:
The UNE brand and website has been evolving over time, with sections of the website being redesigned and "modernised" to be brought more inline with current users usability expectations when engaging with University websites.
With the addition of the new Course and Unit catalogue design, it was clear that we needed to create a design system for the website to ensure future designers, content editors and staff have a reference point or a "source of truth" when working with the website to ensure standards are adhered too and we do not redesign the same component for the fifth time.
To address this, I ran a workshop with UNE to help catalogue every little bit of the UNE website, from a foundational level (typography, colours, iconography) to a component level (there can be up to four variants of a page header for example). Once we had agreed on the foundation, components and design patterns, I documented these and started creating the UNE Design Language System, using Figma and Zeroheight. This online styleguide included everything a designer would need if they needed to mockup some new templates, plus ensure UNE content editors are familiar with the components available to them and how to use them correctly.
With multiple designers and UNE staff constantly iterating on the UNE website, it's crucial that they have a reference point and ensures the UNE online brand identity remains consistent going forward.