[Website & Education Platform UI/UX] Coca-Cola Belesteri

Darya Batyr ✦

Web Designer
UX Designer
UI Designer
FigJam
Figma
Notion
The Coca-Cola Foundation

Coca-Cola Belesteri (CCB): Website & Online Learning Platform

About the Project

The project involved a complete redesign of the Coca-Cola Belesteri website and educational platform to align with its expanded mission and updated visual identity. The goal was to create a cutting-edge digital presence that serves as an informative resource, an accessible educational hub, and a celebration of the program’s achievements.
The platform caters to a target audience with low computer literacy, focusing on simplicity and intuitive user flows. It also equips the organizing staff with tools for seamless management, reporting, and student support.
Coca-Cola Besteri (CCB) Site Map (Simplified)
Coca-Cola Besteri (CCB) Site Map (Simplified)

Key Features & Differentiation

Intuitive User Experience The platform is designed for maximum accessibility, ensuring ease of use for rural women with limited internet or computer proficiency. Straightforward user flows guide learners from video courses to knowledge assessments, making education accessible to all
Multi-Functionality:
Informational Resource: Provides project details, news, and updates.
Educational Hub: Hosts video courses and quizzes to verify learning progress.
Marketplace: Showcases past winners’ businesses, celebrating achievements and encouraging support from companies and individuals.
Staff-Friendly Design: Built with organizing staff in mind, the platform simplifies filing, reporting, and providing personalized support to students, enhancing the overall efficiency of program operations
CCB Landing Page
CCB Landing Page
Detailed site Navigation architecture
Detailed site Navigation architecture
On-brand Favicon Design for the site & platform
On-brand Favicon Design for the site & platform

Visual Design Approach

The platform’s updated visual identity incorporates bold, mono-color palettes for each of the three new sub-programs, creating strong visual cues and recognition. This approach is harmonized with the larger CCB branding, maintaining consistency while distinguishing the educational segments.

Read more about the CCB Branding Project here

Business Qymyz page
Business Qymyz page

Functionality

The platform is a complete learning ecosystem:
Personal Accounts: Users can access courses and monitor progress
Knowledge Assessments: After course completion, students take a test to verify learning and receive certificate of completion
Business Competition Eligibility: Successful test-takers can participate in a business plan competition, with awards ranging from $2,000 to $4,000 for 20 participants annually
With its expanded focus, the platform now includes programs for youth entrepreneurs and mentorship opportunities, broadening its reach beyond rural women while retaining its core mission of empowerment.
CCB's Educational Platform Learner's personal home page
CCB's Educational Platform Learner's personal home page

Project Deliverables

CCB Website scope: 🤍 User Flow design 🤍 Wireframing 🤍 Low & High fidelity Prototyping 🤍 Design System establishment
Educational Platform UI/UX scope: 🤍 User Flow design 🤍 Wireframing 🤍 Low & High fidelity Prototyping 🤍 User Testing with focus groups 🤍 Development & deployment oversight

Visit the live site

Partner With Darya
View Services

More Projects by Darya