Coca-Cola Amatil

Redesigning Coca-Cola Amatil's Website for Sustainability and Equality

This case study explores the digital transformation journey undertaken by Coca-Cola Amatil, a leading player in the beverage industry. By embracing innovative technologies and strategic initiatives, Coca-Cola Amatil aimed to revolutionize its operations, supply chain, and customer engagement.

Introduction

In this UX case study, we aimed to develop an optimal information architecture (IA) for the new Coca-Cola Amatil website, aligning with the brand's focus on sustainability and work equality. The goal was to enable users from different regions to easily find static and dynamic content pages related to the positive impact of Coca-Cola Amatil in terms of the environment, support for local communities, and their global workforce. Additionally, the website serves as a hub for investors, commercial partners, and suppliers.

Discovery Workshop

We conducted a workshop session with Coca-Cola Amatil stakeholders to gather insights on the target user and their content and feature requirements. During the workshop, we identified eight proto-personas and their corresponding goals:

  1. Motivated professional: Media, shareholder, government, and regulator

  2. Interested public: Consumer, job seeker

  3. Vested cohort: Employee, customer, brand partner

Preliminary Analysis

Through analysis of web traffic data from the existing website, it was discovered that most of the traffic originated from organic search in Google. This analysis helped identify areas for improvement and pinpoint pain points. The most frequently searched keywords were related to specific products and the company's sustainability efforts.

Page Performance

Many landing pages experienced a high bounce rate due to insufficient content, leaving more than half of all website visitors underwhelmed at first glance. However, a specific page exhibited a lower bounce rate, indicating higher engagement. The structure of this page was analyzed to inform future page builds.

Investor and Supplier

Returning users constituted the majority of web traffic to the section of the website dedicated to investors and suppliers. These users accessed the website directly to find information relevant to their specific relationship with the company. However, the "Investor and media" page had the lowest engagement, with a bounce rate reaching 50%.

Consumer's Brand Perception

By comparing data from a brand reputation survey with user behaviors on the existing website, it was found that consumers visited the website primarily for two reasons:

  1. Environment and health: Consumers sought information on environmental and health-related issues associated with larger companies, conducting online research for more details.

  2. Product knowledge and discovery: Engaged customers interested in a specific product often didn't realize it was associated with Coca-Cola Amatil, leading them to conduct online research.

Card Sorting

Hybrid card sorting tests were conducted with 200 participants from Australia, New Zealand, and Indonesia. Participants were presented with pre-made groups and given the opportunity to create new ones and assign names. The tests aimed to uncover differences in participants' mental models across regions and segments. Most participants consistently grouped terms related to company values, history, product, career, and investment. However, topics like "diversity & inclusion" and "responsible sourcing" were affiliated with different groups, with some participants associating these topics with sustainability while others placed them in mixed groups. A post-test questionnaire allowed participants to express their confidence levels and provide additional comments.

Test Sampling

To ensure the validity of the tests and maintain an effective and agile workflow, a panel of select participants was created. A screening questionnaire was designed to profile potential candidates based on factors such as brand familiarity, health and food & beverage habits, attitude toward environmental issues, shopping behaviors, and demographics. Participants were recruited from an online panel, ensuring a diverse mix of demographics and professions aligned with the persona profile. Participants were also screened to ensure no bias against Coca-Cola products and brands.

Landscape Review

A landscape review was conducted to explore IA insights from parallel industries, navigation paradigms, and web concepts, with a focus on acquisition and conversion. Websites in the fast-moving consumer goods category and those with a large navigation tree were examined. The review highlighted common practices worth considering, such as the use of mega-menu, topic-based navigation, audience-based navigation in a global nav bar, and the presence of a language/country selector and search tool.

Information Architecture

To align user goals with navigation streams, the information architecture was divided into three groups: primary (customer), secondary (investor, supplier, job seeker), and tertiary (government agency, NGO).

Testing

Treejack testing was employed to validate the information architecture and uncover unexpected interaction patterns. The tests and competitor analysis revealed that users had different mental models, indicating that information could have more than one correct placement. To ensure users could find the required information across different navigation branches, internal links and related content were added to relevant pages.

Results

The new navigation structure incorporated a dropdown menu, enabling users to explore second-level pages under each of the seven first-level pages. This model proved particularly beneficial for mobile users, allowing them to reach desired pages without passing through intermediate pages.

Page Structure

The new page structure prioritized content from deeper levels, reducing drop-off rates. Several pages were merged to minimize the need for loading additional pages to navigate content. Throughout the website, related content and stories were strategically teased and linked.

Infographics

Complex data was synthesized into visually engaging infographics, enhancing transparency and understanding for users.

News and Dynamic Content

The website categorized news to be shared within specific sections, facilitating easy access to relevant information.

Conclusion

Through comprehensive research, user testing, and analysis, significant improvements were made to the Coca-Cola Amatil website's information architecture and user experience. The revamped website successfully aligns with the brand's sustainability and equality goals, catering to users from diverse regions, and fulfilling the needs of investors, commercial partners, and suppliers. The implementation of optimized navigation structures, engaging page designs, and strategic content placement has resulted in increased user engagement, longer time on-page, and returning traffic to sustainability pages.

+214%

time on-page indicates users find the information desired 


+62%

returning traffic to Sustanibiliy pages


Related articles