Berger Paints
Berger Paints
Berger
Paints
Berger Paints
Nigeria's leading paint brand,
offering varieties of paints and coating products to provide your desired colours.
Nigeria's leading paint brand,
offering varieties of paints and coating products to provide your desired colours.
Nigeria's leading paint brand, offering varieties of paints and coating products to provide your desired colours.
Nigeria's leading paint brand,
offering varieties of paints and coating products to provide your desired colours.
Timeline
Timeline
Timeline
45 Days
45 Days
45 Days
Role
Role
Role
Conception, UX/UI, Design System
Conception, UX/UI,
Design System
Conception, UX/UI, Design System
"Good design, when it’s done well,
becomes invisible. It’s only when it’s done poorly that we notice it."
— Jared Spool
"Good design, when it’s done well,
becomes invisible. It’s only when it’s done poorly that we notice it."
— Jared Spool
The Overview
The Overview
With the outbreak of COVID-19 that forced everyone to stay inside, many turned to online shopping. The digital economy boomed during the pandemic. As people embraced social distancing, they turned to online shopping more than ever before. 67% of consumers report they shop differently now due to COVID-19.
Online shopping makes it possible to purchase products with just a click of a button. It has become important that users can make purchases online more efficiently and have an error-free experience.
With the outbreak of COVID-19 that forced everyone to stay inside, many turned to online shopping. The digital economy boomed during the pandemic. As people embraced social distancing, they turned to online shopping more than ever before. 67% of consumers report they shop differently now due to COVID-19.
Online shopping makes it possible to purchase products with just a click of a button. It has become important that users can make purchases online more efficiently and have an error-free experience.
The Research
The Research
User Interview
User Interview
User Interview
Reviews were pulled from a conducted Customer Survey, and also identifying some of the problems faced by the majority of e-commerce customers, some keynotes taken were;
Reviews were pulled from a conducted Customer Survey, and also identifying some of the problems faced by the majority of e-commerce customers, some keynotes taken were;
Reviews were pulled from a conducted Customer Survey, and also identifying some of the problems faced by the majority of e-commerce customers, some keynotes taken were;
Competitive Analysis
Competitive Analysis
Research on some of the direct and indirect competitors were carried out. During this research, insights on some of their weaknesses were gathered. Some of these competitors are Dulux (CAP Plc), Portland Paint Nigeria, Meyer Paint, PPG, Eagles Paint. Below are key insights from the competitive analysis.
Research on some of the direct and indirect competitors were carried out. During this research, insights on some of their weaknesses were gathered. Some of these competitors are Dulux (CAP Plc), Portland Paint Nigeria, Meyer Paint, PPG, Eagles Paint. Below are key insights from the competitive analysis.
User Personas & User Stories
User Personas & User Stories
Homeowner
Homeowner
As a homeowner, I want to see ideas so I can paint my house.
As a homeowner I want to get a professional to paint for me.
As a homeowner, I want to see ideas so I can paint my house.
As a homeowner I want to get a professional to paint for me.
Professional
Professional
As a painter, I want to get paints from an outlet around me with ease.
As a builder, I want professional support/advice for my next project.
As a painter, I want to get paints from an outlet around me with ease.
As a builder, I want professional support/advice for my next project.
Project Goals
Project Goals
After conducting competitive analysis and establishing what the user stories and pain points are, we took a step back to define the business and user goals. This provided a clear problem statement that led the design decisions.
After conducting competitive analysis and establishing what the user stories and pain points are, we took a step back to define the business and user goals. This provided a clear problem statement that led the design decisions.
Business Goals
Business Goals
•
•
Increase revenue and sales.
Increase revenue and sales.
•
•
Keep current customers and attract new ones.
Keep current customers and attract new ones.
•
Make website responsive (can be used on different devices).
•
•
Offer wide range of products for users.
Offer wide range of products for users.
•
•
Make website easy to use and navigate
Make website easy to use and navigate
•
Make website responsive.
User Goals
User Goals
•
•
Simple and safe checkout.
Simple and safe checkout.
•
•
Wide range of product selection.
Wide range of product selection.
•
•
Seamless user experience.
Seamless user experience.
•
•
Explore ideas and colours.
Explore ideas and colours.
•
•
Access to customer support.
Access to customer support.
•
•
Access to sales outlets.
Access to sales outlets.
Problem Statement
Problem Statement
How can we design a more efficient and error-free e-commerce experience for our customers?
How can we design a more efficient and error-free e-commerce experience for our customers?
User Flow & Information Architecture
User Flow & Information Architecture
With the problem statement in mind, a user flow was developed to show the ideal flow that the user would take to complete a tasks on Berger Paints’ website. This essentially illustrates the various paths that the user can take to complete a task. Creating this flow allowed the understanding of the user’s perspective and helped consider the different options that the user has while using the website. This also helped in identifying key screens for the design.
With the problem statement in mind, a user flow was developed to show the ideal flow that the user would take to complete a tasks on Berger Paints’ website. This essentially illustrates the various paths that the user can take to complete a task. Creating this flow allowed the understanding of the user’s perspective and helped consider the different options that the user has while using the website. This also helped in identifying key screens for the design.
The Design
Explore Colors
Explore Colors
A simple design of the Profile page for the user and the interface for another account.
A simple design of the Profile page for the user and the interface for another account.
The Solution
The Solution
Designing key pages based on insights drawn from user research and established pain points.
Designing key pages based on insights drawn from user research and established pain points.
•
•
Offering a wider range of payment options (Bank Transfer with Flutterwave).
Offering a wider range of payment options (Bank Transfer with Flutterwave).
•
•
Offering a guest checkout option as a way to streamline the payment process.
Offering a guest checkout option as a way to streamline the payment process.
•
•
Implementing categories and filters that enable the user to refine searches easily.
Implementing categories and filters that enable the user to refine searches easily.
•
•
Incorporating the use of Google Maps to easily help customers locate outlets.
Incorporating the use of Google Maps to easily help customers locate outlets.
Iterations
Iterations
After conducting Usability Testing with some of the stakeholders and customers, furthers iterations were made.
After conducting Usability Testing with some of the stakeholders and customers, furthers iterations were made.
Close
Close
OLANREWAJU OLUKANNI