Project Title:
EccoLife
Designing a subscription based e-commerce website for sustainable products
Scroll ↓
Eccolife targets eco-conscious consumers by selling sustainable personal care alternatives.
With a user-friendly subscription model, they offer refill plans with discounts for the goal of reducing plastic bottle consumption, aligning seamlessly with their commitment to environmental well-being.
Here is a sample mockup displaying a part of this design, but you can scroll down and read more or click the bottom to view the complete Figma prototype
Project Overview
Duration
3 Months - Part time
Team
3 People
Role
3 People
Tools
Miro, Figma, Photoshop, Google tools, Zoom
Problem Statement
They are facing challenge to attract the right audience,
Designing 2 methods of purchase, one-time purchase and a subscription based model for their refill
Goals
We aim to better understand prospective users and their needs so we can provide:
Smooth and convenient navigation
Ability to purchase with 2 options for one-time and subscription
Present eco-friendly educational information to attract their target audience
Data
We conducted research and surveys however the result was very limited.
Solution: We decided to study the competitor market and benchmark.
Marketing
Unclear marketing strategy by stakeholder.
Solution: Setting up more time with stakeholder to understand the business
Design
We had to design 2 process flows in limited time.
Solution: we did more testing on the lo-fi wireframes to reduce the time spent on high fidelity prototypes
Design Process
Our group of 3 individuals used the double Diamond approach, grounded in the principles of the Design Thinking Methodology. Throughout the course of the project, we navigated a non-linear trajectory, dynamically moving back and forth between stages as the project evolved.
Discover
Survey and Interviews
Survey (50 people) and interview (3 people)
How much importance do you place on environmental aspects of products?
How much do you know about sustainability?
Competitor Analysis
Through a deeper exploration of 10 competitor website, we were able to develop a SWOT model which was cross-validated throughout the design thinking process.
Top Insights
Informational website
Refill option
Straight forward navigation
Limited products
Accessibility friendly
Zero-Waste
Define
Card Sorting
How do users think the website should be organized?
We conducted an open card sorting from competitive analysis and heuristic evaluation of 3 existing websites. 12 people participated in the online research and were able to create their own categories. The following is a sample of one of the card sortings.
Site Map
How did we design the information architecture?
Based on the results of the competitive analysis and card sorting, we developed the site map. We added a profile and shopping cart icon to the global bar.
Develop
Usability and Iteration
What did our users and stakeholder think about the home page?
We had to re-iterate the design of some pages based on testing results. below are some of our iterations:
Deliver
High Fidelity Prototype
Click the link below to view the prototype that was developed in Figma.
