EcoHaven: E-Commerce of Eco-Friendly Products Case Study

At-a-Glance👀

I worked as a UI/UX Designer in EcoHaven training project for 1 month from June 1 – July 5, 2024. I worked to design a website for EcoHaven, starting from the research, wireframe, prototyping stages. In one month, I produced a complete EcoHaven website design and one mobile version landing page.

Introduction

EcoHaven is an e-commerce platform dedicated to sustainability, offering a range of natural and eco-friendly products. With the tagline “Sustainability Starts Here,” we invite people to participate in the zero waste movement and raise awareness of environmental sustainability. EcoHaven is here to provide solutions for a sustainable lifestyle and make a positive contribution to our planet.

Problem

The current problem is that many consumers are less aware or concerned about the importance of sustainable products, making marketing challenges complex. Access to sustainable products in Indonesia is also difficult, complicating the transition to a sustainable lifestyle. In addition, the prices of eco-friendly products tend to be higher due to more sustainable raw materials and production processes, posing a barrier for price-conscious consumers.

• Market Awareness: Many consumers are not aware or care much about the importance of sustainable products, making marketing a challenge.
• Product Access: The difficulty of obtaining sustainable products in Indonesia makes the transition to a sustainable lifestyle a challenge.
• Product Price: Eco-friendly products are often more expensive due to more sustainable raw materials and production processes, which can be an obstacle for price-sensitive consumers.

Domain Knowledge

Users

1. What kind of people is our user?
   • People who care about the environment.
   • People who want to live healthier.
   • People who want to try and learn new things about the environment.
2. What customer want to know, do?
   • Users see and search for environmentally friendly products that suit their needs.
   • Users learn and know about environmentally friendly products or materials.
   • Users use eco-friendly products and contribute to protecting the environment.

Client

1. What is the product, service of the client?
   • Ecohaven provides eco-friendly products from various brands.
   • EcoHaven educates the public on eco-friendly products and how to live sustainably.
2. What is the purpose, goal of this website?
   • Provide environmentally friendly products from various brands so that users can easily find the products they want.
   • Provide environmentally friendly products at affordable prices so that anyone can use the products.
   • Providing a complete range of environmentally friendly products such as skincare, home appliances, daily necessities.

Solution

Based on the problems described, the development of the EcoHaven e-commerce platform is an effective solution. EcoHaven not only raises market awareness through educative marketing campaigns, but also facilitates easy access to a wide range of eco-friendly products. By working directly with manufacturers and selectively choosing products, EcoHaven can offer sustainable products at more competitive prices, opening up more opportunities for consumers to switch to a greener lifestyle.

Competitor SWOT Analysis

Competitor analysis is conducted using the SWOT method to analyze the strengths and weaknesses of similar brands. Competitor SWOT analysis aims to evaluate the strengths, weaknesses, opportunities, and threats of competitors to formulate effective strategies to compete in the market.

Process

After defining the problems, objectives of EcoHaven, and general user needs, the next step is to create user personas and sitemaps as an outline of the website structure.

User Research

I conducted user research and received feedback from users that fed into user personas. There are two user personas created, namely from the side of users who are new and want to learn sustainable living and from the side of users who already live a sustainable life and want to find eco-friendly products easily.

Sitemap

After creating a user persona, the next step is to create a sitemap. A sitemap is a hierarchical structure that displays the structure of a website. A sitemap aims to assist users and search engines in navigating and indexing the content on the website.

Wireframes

After creating the sitemap, I then designed the website layout and pages by creating wireframes on each page.

Transaction Flow

Account Menu

Website Menu

Shop Menu

Shop Categories Menu

Footer Menu

Final Design

Transaction Flow

Account Menu

Website Menu

Shop Menu

Shop Categories Menu

Footer Menu

Prototype

Click prototype

What I Learned 🌱

During my time working on the EcoHaven training project, I have learned the importance of identifying problems and providing appropriate solutions based on the research that has been done. Then the solution provided can be in accordance with the needs and desires of users.