Project Title:

Bed and Bath Outlet

Redesigning an e-commerce website for home goods

Scroll

The Bed and Bath Outlet serves as an online retail platform specializing in the sale of bedding and household products.

Our focus was to analyze the user experience intricacies of their website, with a collective decision to identify existing challenges. Through this process, our aim is to implement enhancements that will ultimately elevate the overall user experience for customers.

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 Weeks - Part time

Team
3 People

Role
3 People

Tools
Miro, Figma, Photoshop, Google tools, Zoom

Problem Statement

Customers visiting the Bed and Bath Outlet website are encountering difficulties while browsing and shopping. We need to identify and fix these issues to make the online shopping experience smoother and more enjoyable for our users.

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

Heuristic Evaluation

We conducted a heuristic evaluation on their website to assess its usability and identify potential issues.


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.

Card Sorting

We organized and simplified our website's main categories and information using card sorting. We removed repeated names and involved 15 people in both in-person and virtual sessions, along with 10 people on our website. This helped us better understand user preferences and improve the website for easier navigation.

Define

Site Map

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.

User Flow

We designed the user flow to purchase and check out items.

Develop

Sketches

Deliver

High Fidelity Prototype

Click the link below to view the prototype that was developed in Figma.


Previous
Previous

Analytics Dashboard

Next
Next

Design & Development | Class Scheduling and Registration | Hani Art Studio (Painting Classes)