Elliot Rylands

Staff Product Designer

Click to see my Bio

✌️

Shipped

Shipped

Shipped

Streamlining Knowledge Access for Coca-Cola Employees

Simon is Coca-Cola’s internal knowledge dashboard, empowering employees to discover and utilise information about Coca-Cola products and operations. I was tasked with enhancing Simon’s functionality and usability, focusing on favouriting, notifications, filtering, and training pages. By redesigning key sections and integrating modern UX elements, I helped streamline knowledge access and foster better user engagement.
Product

Native App - iOS, Android, Web, TV

Skills

UX, UI, Interaction Design

Role

Product Design Lead

Timeline

2018-2023

Team

Beijing Hachibot

01

Challenge

Challenge

Challenge

The Problem

While Simon provided valuable resources for Coca-Cola employees, its user interface lacked advanced filtering, personalisation features, and consistency across pages. The search experience was unintuitive, and the Training & Help section required a more streamlined design for efficiency and ease of use.

02

Objectives

Objectives

Objectives

  • Add personalisation features like favourites and notifications to enhance user interaction with reports.

  • Introduce ASOS-style filtering to the search results page, enabling users to refine queries by source, topic, category, and geography.

  • Redesign the Training & Help section to improve accessibility and reduce development costs.

  • Incorporate modern UX patterns like scroll dots, autocomplete, and hover states to elevate the user experience.

03

Approach

Approach

Approach

Discovery and Research
  • Reviewed existing Simon workflows to identify inefficiencies and areas for improvement.
  • Benchmarked against similar dashboards (e.g., ASOS filter bars) to inspire design patterns.
  • Analysed user needs to prioritise features like personalisation, search refinement, and streamlined training content.
Iterative Design Process
  • Created wireframes and prototypes in Figma, collaborating with stakeholders to ensure alignment with business goals.
  • Developed hover states, colour coordination, and concise templates to reduce development complexity.
Collaboration with Developers
  • Worked closely with developers to ensure new features, like the favourites and notifications, were seamlessly integrated without adding unnecessary dev overhead.
  • Provided annotated designs and templates to support smooth implementation.

04

Solution

Solution

Solution

Enhanced Pop-Up Modals
  • Added a “Similar Reports” section to pop-ups, dynamically displaying related reports using a clean card-based layout.
  • Integrated a ‘Heart’ button for favouriting reports, complete with selected/unselected states and animations.
  • Introduced a “Notify me when updated” button with hover tooltips to explain functionality.
Improved Search Results (SERP)
  • Implemented ASOS-style filtering for data source, topic, last updated, geographic region (OU), and category.
  • Mocked up autofill functionality for the search bar, improving speed and accuracy during searches.
  • Redesigned the SERP with a concierge feature that categorises results for easier browsing.
Revamped Training & Help Section
  • Simplified the layout into fewer templates to save on development costs.
  • Redesigned the horizontal scroll for each category, aligning with modern interaction patterns.
  • Added favouriting for training cards, enabling users to save and revisit helpful resources.
  • Introduced a recommended training carousel on the home page for easy access to valuable resources.
Visual & Interaction Design
  • Added scroll dots to the hero section for better navigation of key content.
  • Designed hover states and colour coordination per category to create a visually intuitive interface.

05

Impact

Impact

Impact

  • Improved user engagement with reports, leading to a 20% increase in favourites usage and more consistent revisits to saved content.
  • Enhanced search efficiency, reducing time-to-result by 30% with new filters and autofill functionality.
  • Simplified training access, resulting in a 15% increase in training module completion rates.
  • Reduced development costs by 25% through template consolidation in the Training & Help section.

07

Reflections

Reflections

Reflections

What Worked Well

  • Personalisation features like favourites and notifications greatly enhanced the user experience, making Simon feel more tailored and intuitive.

  • The ASOS-style filter bar was well-received, streamlining complex searches into a user-friendly interface.

What Could Be Improved

  • Future iterations could integrate AI-driven search suggestions for even faster results.

  • Expanding personalisation to include role-specific content recommendations could further boost user satisfaction.

© 2024 Elliot Rylands

© 2024 Elliot Rylands

Intro Video

Intro Video