top of page
Work > Coca-cola European Partners
Coca-cola European Partners
Role
Wireframing
Prototyping
UI Design
User Research
Duration
5 Months
Teammates
Sathish,
Maghesh
Kumar
Tools
Figma
Rising Action
Initiating the redesign of Coca-Cola's European Job Portal involves creating a streamlined, single-page application format to tackle user frustration and HR challenges. Objectives encompass enhancing the overall web experience, modernizing the product, and easing the burden on customer support. The challenge statement directs the team to find solutions for simplifying and optimizing the application process for users and the HR team.
Design Timeline
Research
Heuristic / Usability Evaluation
Iterative Design
Design
PHASE 1
Site Map/User Flows
Design Exploration
PHASE 2
Design System
Feed back
Launch
Webpage Relaunch
Restrospective
High Fidelity Prototype
My Role
Facilitated effective communication between Coca-Cola European Partners (CCEP) and our team concerning design decisions. Delivered comprehensive UX flow-walkthroughs and Design QA documents to our developers, ensuring they were consistently informed and engaged with the ongoing design process at CCEP. Regularly maintained an open line of communication to keep them abreast of design developments and decisions.
Coca Cola European Partners
Project consultant
Project Manager
Developer
CX Team
Magellanic Technology
Founder
Business Anaylst
Front-End Developer
Back-End Developer
Senior UX Designer
Junior UX Designer ( Me )
What success looks like
Enhanced web experience: Successfully revamped the entire web interface, resulting in a more streamlined and user-friendly platform.web interface
Achieved success by consolidating multiple pages into a single, seamless interface, reducing complexity and enhancing overall efficiency.
Successfully executed a cost-effective redesign that modernized the product and alleviated customer support load, showcasing a positive return on investment
Research Findings
Research Process
Project Consultant
Business Analyst
CX Team Meeting
User application feedback, backend insights, and HR team input.
Design Audit
Climax
In a pivotal decision, our team strategically employed Heuristic and Usability Evaluation methodologies, showcasing our dedication to in-depth analysis and design excellence for elevated user experiences in our projects.
Heuristic and Usability Evaluation
From the project's start, we aimed to tackle challenges in Coca-Cola European Partners' job portal. Our assessment unveiled platform-wide issues, elevating pressure on HR and applicants, driving our commitment to holistic improvements.
Old Job portal, Desktop & Mobile view
Magellanix team identified challenges such as a poor user experience, confusion about navigation, inadequate information presentation, and difficulty locating key actions.
Result Overview
Poor User Experience
Navigation Confusion
Inadequate Information Presentation
Key Action Visibility
Usability Heuristics Violations
Cognitive Load Issues
Inefficiencies in Task Execution
Consistency Challenges
Accessibility Concerns
Recommendations for Improvement
Heuristic and Usability Evaluation
!
Enhance Navigation Clarity
Optimize navigation for Coca-Cola European Partners to ensure a clear and intuitive user interface, enhancing overall efficiency and reducing user confusion.
Optimize Key Action Visibility
Optimize key action visibility based on heuristic analysis insights to enhance the user-friendly experience for Coca-Cola European Partners.
Prioritize Inclusive Design for Accessibility
Prioritize inclusive design to address accessibility concerns, ensuring a positive user experience for all engaging with Coca-Cola European Partners' redesigned platform.
CX and Analytics Insights
By the numbers:
Users providing inappropriate information
40%
200
Users not completing the application due more question
40%
Users use mobile to apply the job
Design Phase one
Information Architecture
Coca-Cola European Partners initiated a collaborative affinity mapping exercise, uniting designers and stakeholders to establish a unified foundation for our application redesign. This inclusive process aimed to create a cohesive structure for future flows and site-maps, ensuring a shared understanding and alignment among team members for a successful application transformation.
Personal Information
Full name
Contact information
Email Address
LinkedIn Profile
Additional documents
Position & Department
Job Title
Position Appied for
Prefered Department
Team
Resume and Cover Letter
Upload Resume
Upload Cover letter
Educational Background:
Highest level of Education
Name of Institutions
Major/ Field of study
Graduation year
Work Experience
List of previous employee
Company name
Job Title
Start and End date
Job responsibility
Any gaps in employement
Equal Opportunity Employment
Demographic Information
Voluntary Self-Identification of Disability
Skills and Qualifications:
Technical skils
Certificate
Language
Additional Questions
Open-ended questions
Availability and Preferences:
References
Desired Start Date
Preferred Work Schedule
Salary Expectations
Reference Name
Relationship to Applicant
Contact Information
Consent and Agreement
Statement of Accuracy
Consent to Background Check
Submission and Confirmation
Submit Button
Confirmation Page or Email
Affinity Mapping Result
User Flow and Journey
Once our team reached a consensus on the dashboard architecture for Coca-Cola European Partners, we proceeded to delineate the essential user flows targeted for the redesign and created corresponding user journey maps.
Low Fidelity Wireframes
As a Junior UI/UX Designer, I spearheaded the creation of a comprehensive low-fidelity wireframe for a Job Application Form. This wireframe underwent a collaborative review process with stakeholders and team members to ensure alignment with project objectives and user experience goals.
Clear Information Hierarchy
User-Focused Flow
Intuitive Form Elements
Sectional Breakdown
Equal Opportunity Considerations
Additional Questions for Engagement
Consent and Confirmation
Outcomes
The collaborative nature of this decision-making process ensures that the proposed goals and principles resonate with key stakeholders, setting the stage for a successful and impactful implementation.
Design Phase Two
In collaboration with Coca-Cola European Partners, we presented findings to stakeholders and established strategic goals. All visual elements, including mood board, color palette, font size, family, and typography, were provided by Coca-Cola European Partners, ensuring seamless integration with their brand. This commitment to alignment guarantees a cohesive user experience, laying the foundation for a solution that addresses specific needs while integrating seamlessly with the brand identity.
Typography
Desktop
H1-Alt
26
Introducing Coca-Cola Europacific Partners Australia
H1
24
Sustainability
H2
22
Careers
H3
22
Useful links
T1
16
CCEP is committed to attracting, developing and retaining a truly diverse and inclusive workforce with equal opportunities for all regardless of any protected characteristic
T2
16
The next questions relate to social mobility of our candidates. Social Mobility is the link between a person’s occupation or income and the occupation or income of their parents.
T3
15
We want to make sure you have an accessible and enjoyable interview. Please let us know if you need us to make any adjustments to enable this.
Mobile
H1-Alt
22
Introducing Coca-Cola Europacific Partners Australia
H1
20
Sustainability
H2
18
Careers
H3
16
Useful links
T1
15
CCEP is committed to attracting, developing and retaining a truly diverse and inclusive workforce with equal opportunities for all regardless of any protected characteristic
T2
15
The next questions relate to social mobility of our candidates. Social Mobility is the link between a person’s occupation or income and the occupation or income of their parents.
T3
13
We want to make sure you have an accessible and enjoyable interview. Please let us know if you need us to make any adjustments to enable this.
Addressing Principles and Goal
Establishing strategic principles and goals in collaboration with Coca-Cola European Partners to guide a cohesive solution aligned with their brand aesthetics.
The Solution
Enhanced Web Experience
Successfully revitalized the entire web interface, delivering a more streamlined and user-friendly platform.
Consolidation for Efficiency:
Achieved success through the consolidation of multiple pages into a single, seamless interface, effectively reducing complexity and enhancing overall efficiency
Consolidation for Efficiency:
Executed a cost-effective redesign that not only modernized the product but also significantly alleviated customer support load, showcasing a positive return on investment.
Reflection
Cross-Functional Collaboration
Navigating the complexities of web design at Coca-Cola European Partners provided valuable insights. Collaborating closely with developers illuminated the unique challenges and limitations inherent in crafting a cohesive digital product.
Cross-Platform Integration
My fascination with addressing challenges from both digital and physical perspectives was particularly piqued at Coca-Cola European Partners. The product's distinct digital and physical elements demanded a seamless integration within a single context, offering an intriguing design challenge.
Moving Forward
Given the tight timeline for this project at Coca-Cola European Partners, formal user tests were not feasible. Looking ahead, I am eager to develop a robust test plan in future projects, allowing us to validate design decisions made during sprints and further enhance the user experience.
Fin. Fortunately, my tenure as a Junior UX Designer was extended, allowing me to continue overseeing customer feedback and continuously improving the webpage. This extended role aims to enhance user experience and streamline processes for both external users and the internal team.
bottom of page