Smartraveller provides a critical service for Australians traveling overseas.
The previous website was difficult to use for many people. While the content was up to date, the user experience made browsing and reading the content a challenge. Research conducted by the Department of Foreign Affairs and Trade (DFAT) indicated that users were failing to read and retain key messages.
Content had also been split across three separate platforms: desktop, mobile website and mobile app. Each platform was designed in vastly different ways, providing a confusing experience to users.
Winner (Digital Design) at the 2016 Good Design Awards
Nominee (Best Government Website) at the 2016 Webby Awards
The user context
We redesigned the entire Smartraveller experience with a focus on two key user contexts: preparing for a safe trip (planning) and requiring assistance while travelling (acting).
A user's mindset within these contexts is vastly different. Before a trip they may be filled with excitement, looking for some reassurance or doing research on behalf of a loved one. A user caught in a situation overseas may be in an agitated state, looking for very quick, plain advice.
We conducted a thorough audit to determine how each audience might interact with content and prototype ways to increase clarity and focus.
The key use-case for a visitor was to review information for a specific country, then leave. We needed to create a content architecture that was scannable, intuitive and ensured the most important information was read.
Improving the structure
We developed a revised information architecture that surfaced content based on the immediate needs of travellers.
A low-fidelity, fully functional HTML prototype was created to allow us to test how each audience segment used the new site architecture to locate and read content.
The prototype was iteratively updated based on these testing sessions, evolving into the structure now found on the site.
Once the structure was taking shape, we developed a comprehensive visual design, focussing on typography and colour. Moodboards were used to define our visual direction, before moving into template design.
A key requirement was a responsive site, adapting gracefully to all variety of devices. A responsive typographic system was developed to create an easy reading experience regardless of screen size or operating system, and bold colours were used to enhance comprehension of travel ratings.
We focused on designing a highly performant website. Using minimal imagery and system fonts so that overseas visitors with reduced internet access could use the site quickly and cheaply.
Designing an accessible experience
We took accessibility requirements very seriously during the project. We pride ourselves on giving equal thought to consistent experience for users with disability – beyond simply meeting colour contrast guidelines.
The new Smartraveller website was unveiled by the Minister for Foreign Affairs, Hon Julie Bishop MP, and today it is one of the federal government's most utilised digital resources.