Loading

UNE
Case Study

University of New England

Project

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:

  • Based on the initial brief, I had a pretty good idea of what UNE required in order to bring them in line with other leading universities' online experience for new students
  • Working off some initial wireframes supplied by UNE, I moved into some quick high fidelity designs for some key pages, to establish the initial look and feel and core concepts for the search pages.
  • Testing was always going to be crucial to ensure we validate the designs with real users and students.
  • Concept testing was performed by a third party (who does the same test with all Australian universities) which allowed us to see which UI elements needed more work, but also ranked the new designs with UNE's competitors who were leading in this area.
  • Mobile designs were not forgotten and were thoroughly tested too.
  • After three rounds of testing and iterations to the design, I was able to confidently wrap up any remaining design collateral and begin the process of briefing the cutup team.

Focusing on design consistency

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.

Search results

Course comparison

Course details

Mobile screens