Publicis Worldwide
Swimming Australia Website
James Ansell
Executive Digital Experience Director
We love Sarah at Publicis Worldwide, so much so we've had her join the team twice. She is thorough when we are working through UX, visual design, prototypes and graphic design, and Sarah has a natural habit of designing for the right users. Above all, Sarah is a lovely human and is a welcome addition to any team. Sarah feels like a part of the PWW family and we will always welcome her back.”
“
Swimming Australia Website
Role UX & Visual Designer
Platform Browser
The old Swimming Australia site had 99% of visitor traffic filtering through 1% of the site’s content. So we completely reimagined the user experience, ensuring the 1% was engaging, valuable and easy to navigate.
The project had already kicked off when I started at Publicis Worldwide, so I quickly had to get up to speed with the IA. Thrown in the deep end you might say! A lot of the housekeeping had already been done – whittling the site down from 200 pages to 150.
The deadline was tight as the site had to be live for Duel in the Pool in August – all page designs had to be completed in just a few weeks. So to save on development time we identified a limited number of reusable templates that would be required to build the entire site.
The new site received 1 million monthly views and a 25% uplift in organic traffic.
Swimming Australia - Dolphin’s Hub
MVP Site Map
Templates
Design System
In Figma (I ♥️ FIGMA!) we created the design system that would be implemented across the site. Everything was set up using Components, Auto Layout, Text Styles, Colour Styles etc. to ensure we could create pages quickly and update changes easily.
Swimming Australia - Design System
Medal Tally page
Events page
Dolphin Profile page
Contact page
Mobile Responsive
Swimming Australia Navigation on Desktop and Mobile
Navigation Prototypes
The Swimming Australia site’s structure was quite complex so we decided it warranted a ‘Mega Nav’ on desktop and a dual-column nav on mobile. To ensure that the navigation design pattern would be user-friendly and to help explain the concept and interactions to the developers I created prototypes in Figma that you can see below.