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 challenging. Competition 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.
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
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