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
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
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
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
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.
07
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.
