Eco-friendly Responsive Website Redesign 

Desktop Webpage / Mobile App

 
 

🚩 The Problem

Running an e-commerce business that sells eco-friendly dental cleaning supplies can be challengingCompetition from larger dental suppliers and Amazon is rife. As the eco-friendly trend continues to soar and the demand for dental supplies is steady, Eva Brooklyn would like to redesign her website to increase conversion rate and, in turn, boost sales. 

 

Project Overview

Role:

Solo UX Designer

Responsibilities:

Research, Interaction & UI Design, Branding, Prototype, Testing

Timeline:

4 weeks

Client:

Eva Brooklyn

 
 

πŸ’‘The Solution

Revamped Eva Brooklyn responsive website by optimizing conversion rate with strategies such as:

βœ… Emphasizing customer reviews.

βœ… Enhancing site with flat navigation for users to easily discover products.

βœ… Improving information in a succinct manner and easy-to-follow design.

βœ… Delivering a strong and clear mission statement.


Deconstruct Existing Design

I started by carefully inspecting the current design to try to understand how it was made and why it doesn’t work for the business. Here are the key takeaways:


 

Review Analytics

Once I narrowed down my focus on some key areas to work on, I reviewed the performance of the website to understand visitors’ journey with the brand.


 

Competitive Analysis

I reviewed the strengths and weaknesses of the websites of five brands that were either direct competitors of Eva Brooklyn or sold eco-friendly products, not necessary dental supplies, in order to learn how they sell their climate-friendly merchandise.

 

 βœ¨Key Findings

 
 
 

Seven Dental Industry Trends

The oral care business will continue to grow due to increased oral hygiene awareness and high consumption of processed foods. Here are 7 current industry trends that are not new, but will continue to be important and to make an impact.

1.πŸ›‘οΈ Creating and Maintaining a Trustworthy Persona
Oral care businesses must establish trust with customers, to show that their teeth and mouth are trusted with their services and products.   Some ways to demonstrate trust and expertise is to include creating videos, blogs, and other educational content to inform patients about what to expect if they choose their products.

2.🌟 Managing Online Reviews
Maintaining a positive user experience and reminding customers to leave a review after their purchase is important. 91% of all millennials say that they read and trust online reviews. More than half of consumers say they won't choose a business if it has less than a 4-star rating.

3.⏱️ The Rising Value of Convenience
Today’s customers expect to be able to access services around the clock, get help when they need it, and communicate directly with the business.

 

4.πŸ“± Staying on Top of Changes in Social Media
More and more oral care businesses are using Facebook Stories and Instagram Stories to connect with their target audiences. 

5.πŸ’ Personalized Content
There are few β€œproducts” that people feel more of a personal connection to than healthcare. The more your target audience feels that you understand their needs when it comes to dental care, the more likely they are to choose your products and services the next time.

6.♻️ Going Green
One of the dental trends that are expected to continue to grow is green dentistry: the use of natural products that have a minimal impact on the environment.

7.πŸ“£ Influencer Marketing
Influencer marketing is a way to connect with customers on social media by connecting an influencer to the product. A social media influencer who connects with the target audience and has a large following, in return for payment, will mention and recommend the products/services to their followers.


 

Insights from real people

Interviewees:  
5 participants between the ages of 23 to 36.

Criteria:
Those who had various levels of experience purchasing oral care products online, ranging from frequent to one-time purchases.

Objective:
1. To identify participants’ purchasing habits on eco-friendly oral care products, where they purchased from, and what they liked and disliked about competitors’ websites. 

2. I also want to understand participants’ behavior and reaction to the current Eva Brooklyn website in order to improve it.

πŸ“ƒSee Full Research Here

✨Key Findings

 
 

πŸ‘€Participant’s Impression of the current website

 
 

 

A Persona and Customer Journey Map is Born

Based on my findings, I created a persona that represents the goals and characteristics of the group of users to help me understand who I am designing for. Keeping the persona in mind, I created a customer journey map to tell the story of the persona’s interactions through each phase of their relationship with the brand.

✨Key Persona Traits

πŸ‘‰πŸ½ Cares about eco-friendly products, but price and convenience are most important.

πŸ‘‰πŸ½ Depends strongly on great testimonials.

πŸ‘‰πŸ½ Wary about the company’s true commitment to the environment.

User Persona

Customer Journey Map

 

Remapping the Experience

πŸ‘‰πŸ½ From the analytics, I learned that replacement heads were the biggest seller, so I placed that sub-navigation near the top under β€œShop” category. 

πŸ‘‰πŸ½ Based on research findings, all participants buy oral care products in bundles so that they don’t need to buy them frequently.  That said, a β€œBundle” sub-navigation is added to the site map.

πŸ‘‰πŸ½ Although most participants would not gift oral care products to avoid the risk of suggesting that the receiver has poor dental hygiene, the client would like to keep the β€œGift” menu item as a selling pitch for the holidays 


 

Explore Familiar Patterns

Fresh ideas and innovation do not only come from competitors but from beyond the domain. There are lots of amazing brands that deal with similar problems.  Here’s a few:

 

Design Principles

Simple

The client mentioned that she did not like bright or pastel colors, and preferred a minimalistic look.

Retention

The redesign should have retention hooks that will encourage customers to come back, such as offering more content.

Frictionless

Since purchasing oral care products is infrequent as most customers buy in bundles, the redesign should make interaction easier throughout the purchasing journey.

 

✨ Design - Key Elements

Original to Wireframes

 
 
 

πŸ“±Mobile Hi-Fi Wireframes Here


Testing with Users

Interviewees: 5 participants between ages 27 to 47 with no requisites.

Objectives: To determine whether the improvements in the redesigned website met users’ expectations of a well-thought-out, eco-friendly site. It is important to evaluate their reactions to the design, navigation, and information flow.

πŸ“ƒSee Full Research here

✨Key Findings:

πŸ‘πŸ½Successes:

πŸ‘ŽπŸ½Shortcomings:

 

βœ…The Revisions

I took the feedback to improve the designs.

 
 
 
 

πŸ”ŽThe Outcome


πŸ€”What did the client think?

Eva Brooklyn was satisfied with the results. Check out her review:

 
 

🌱 What I learned

β€£ Make Less Assumptions

Although at times it can be useful to follow my gut, I was making assumptions in some of my designs. I learned the importance of asking deeper questions in the user interviews and relying more on answers than on assumptions.

β€£ Improved Visual Hierarchy

I learned a lot about arranging elements and information logically and strategically. The feedback I received from my testing was very helpful. I had initially struggled with the cart page because it had a lot of information in that tiny space.

πŸ‘‡πŸ½More case studies


Previous
Previous

FEMMECUBATOR - Connecting Mentees to Mentors in Tech