Overview
The current ABC Homepage looks outdated, is difficult to use on mobile devices, and has low audience engagement. Many users also mistake it for the ABC News homepage. The redesign should promote the breadth and depth of ABC content, including key events and stories. It should also make it easier for users to explore its diverse content across devices and access helpful features like search.
- Who. ABC Enterprise Design / Audiences
- When. 2019
- Role. Designer
- Visit. abc.net.au
Approach
As a designer of the Core Web team, I participated and collaborated closely with UI / UX designers, developers, business analysts, and content experts from across the organisation to initiate a process that ultimately evolved into the ABC Homepage as it stands today.
High level process
Working with a talented team and upon revisiting existing research and data insights, areas for improvement were identified which were further explored through interviews with subject matter experts and with our audience.
The process we embarked on included interviews with internal and external audiences, gathering Data and Insights, ideation workshops with designers, developers, SME's from various parts of the organization and ongoing interations.
Some key points to address included:
- The current ABC Homepage didn't deliver desired results
- Our vast breath of content was not surfaced, the majority of content leads to News
- The current page looks just like ABC News
- Fewer referrals to other parts of the ABC
- Website was not responsive and created a difficult mobile experience
Ideation and sketching
After talking with experts, we used the "How Might We" framework to explore key homepage features for both our audience and the ABC organization.
Working across teams, we developed and tested several homepage concepts with our audience. This testing finalized the homepage's direction. Our design system library sped up concept creation and improved teamwork.
Results
The redesigned ABC Homepage reflects extensive collaboration across many departments and the contributions of talented individuals. Built with accessibility in mind, the new site offers more relevant content, improves discovery of ABC products, promotes key ABC events, and engages a wider audience — all while strengthening the ABC brand.
Clear signposting
Relevant curation, content discovery and location specific content
Content collections include Editor's Choice, Daily Discoveries, and content related to the location selector and weather information.
DLS Components library
Content cards and other components are part of the ABC design system and are used across all ABC websites.
Responsive
The responsive design approach ensures the ABC Website works across all viewports.
