Website
Concept
Research
UX/UI
5 weeks
3
I was asked to put the lessons I learned from my UX/UI course into action by designing an e-commerce website with two of my classmates. My team decided to make a concept project to allow us to learn more about the process behind making digital products as well as UX/UI design. Our love for supporting sustainability and small businesses inspired us to design a website that would bring these products from small businesses to the hands of the users more easily.
I was one of the UX/UI designers. I was involved throughout the entire process, starting from conceptualization to creation of the prototype.
Eco Sleeping is an online collective shop that sells sustainable sleeping needs such as beddings, sleepwear, sleeping scents, and skin care. These products are created by small businesses such as women owned businesses and local businesses. They are not price sensitive, sustainable and ethically-made.
We started out by asking ourselves some initial key questions.
Secondary research has shown that millennials are more sustainability-conscious than others. They are eager to show this publicly through their buying habits. Their tastes and preferences support creating sustainability and
equality for all. Millennials mostly shop online. They care about the environment, have a minimal lifestyle, and are
health conscious.
Next we did contextual research which put us in the user environment to observe their behavior and motivations. To further understand the highs and lows of the experience for users, we conducted interviews. The interview questions were a mix of both quantitative and qualitative questions to allow us to get an insight of the user’s demographics, use of technology, and experience with buying products from online sustainable businesses.
As we searched and asked around for websites frequently used for shopping sustainable products owned by small businesses, we found out that there was no website centered on this area. We only found one website that sells clothing, fashion accessories and home products. Most sustainable products are sold on their own websites and there are not many online stores that carry a collection of products. So we analyzed the different features each individual website with sustainable products brings for users. This information helped us identify key features to add to our website.
We constructed a user flow of what a basic start to finish journey looks like while purchasing an item. This helps us in understanding ways users can interact with the product, as well as allowing us to see navigation through user goals.
.png)
Here are the planned brand attribute:
We picked a color palette that reflected Eco Sleeping’s look and feel.
.png)
Eco Sleeping is an idea that is near and dear to my heart because I care a lot about sustainability and sleeping. I believe it is a concept that society would greatly benefit from. My team and I tried to communicate the importance of sustainability and minimalism through our design while creating a user friendly shopping experience.
This was my first time using Figma to create interactive design which was challenging a little bit but I really enjoyed learning and exploring it.
.svg)
.svg)
