Website redesign + build

Design Lead

Role

The previous sites were difficult to navigate and to keep up to date. Much of the page layout and UI were inconsistent and lacked the coherence needed to make people feel assured when using the site.

The challenge

Information architecture
Using the site map to help define how we merged the two sites into Squarespace.

Mock designs - Using Figma to design the look and feel of the site.

Hero sections

Cards

Navigation / UI

Editorial

Building the new site in Squarespace

1. Apply the look and feel to the template styles

2. Build out the core components

3. Piece together the pages

Build - Mobile

Desktop
1.
Refine styling once the content has been migrated.

2. Re-organised the way the content was structured using the Squarespace blog features to create a customisable portfolio section

3. Also applied this approach to managing the university profiles. This time, an alphabetical list.

Previous
Previous

Talking Drums