Ecosa
UI Design & UX Design
Role
UI Design
Design Researcher
Platform
e-commerce
Design Tools
Figma – FigJam, wireframing, prototyping, UI Design
Adobe Illustrator – vector artwork
ClickUp – project management
Ecosa is a carbon-neutral sleep solutions company that produces sustainable bedroom products. The mission of Ecosa is to understand sleep, educate on the importance of sustainable sleep solutions and enhance people’s lives with thoughtful sleep solutions.
User flow of how the Bedding filter will work
Structure of the categories
UX Process
In our discovery phase, our team conducted a competitive analysis and found that Ecosa bedding was growing. In the new bedding area, users can search for and filter through the products they are interested in.
Mid-fidelity wireframe
Wire-framing, prototyping & Testing
To test the new navigation concepts with users and make minor adjustments, I created clickable mid-fidelity wireframes in Figma.
UI Design
It was our priority for UI design to create an accessible and user-friendly experience for customers to navigate around the page, using the filter system we provided to find what they were looking for. In addition, we created a quick view button that allows customers to see more product details about that particular item and cycle through the colours.
Quick View of a product page design
Shop our bedding range design
UI Design
One feature is the right-hand-side sliding quick view pop-out window, allowing users to see an overview of the product.