h2h.png

House2Home(Home Decor E-commerce)

Individual Project-Design Sprints

House2Home is an e-commerce website that sells home decor items & accessories. They have a variety of things to buy from, such as prints, posters, lighting, small accessories, and others. House2Home wants to make it easier for people to decorate their new space on a budget while also feeling confident doing it on their own.

Type

Website

Roles

UX/UI Designer | UX Researcher | Prototyping | Testing

Tools

Figma | Photoshop

Duration

5 Days- Design Sprints

Process
Day 1
Day 2
Day 3
Day 4
Day 5
h2h processing.png

Mapping

Sketching

Deciding

Prototyping

Testing

Summary
  1. Produced AR decorator.

  2. Enhanced the end-to-end experience by identifying UX issues in user research and synthesizing problems.

  3. Brainstormed ideas, sketches, and storyboards using the Crazy 8 method to solve the problems. 

Problem
How might we show perfect items to users?

House2Home wants to help its customers to find ideas for house decorations, such as a Starter Kit for their new home. Also, House2Home should give customers the ability to filter the product categories, such as colors, materials, and price ranges. Also available is our AR Decorator, which allows customers to see how our products look in their own spaces.

Goals
Easy and Satisfaction

Based on customer surveys and interviews, House2Home has discovered that most of its customers are looking for multiple items to make their place their own. Their customers want to buy various items to personalize their new place but don’t feel confident doing it on their own and are shopping on restricted budgets.

Day 1
Mapping

Before starting the synthesizing, I looked at provided user research, interviews, and a persona to understand what problems House2Home has. I then took some notes to analyze their concerns.

User Research Highlights
user research highlights.png
Persona
persona.png
Affinity Map
Affinity map.png
HMW Questions
HMW.png
Hypothesis

Users are...

  • Concern about the budget.

  • Unsure how to put items together that matched and did not know how to recreate the style they wanted.

  • Dislike spending much time searching for decoration items.

As a result, House2Home should have the filters, matching item suggestions, and AR Decorator service. There should also be a service that the customer can get house decor inspirations via House2Home's decor collection.   

Day 2 & Day 3
Sketching

After finishing synthesizing, I researched the solution inspiration from Gucci, Ikea, and Rove Concepts, then I conducted Crazy 8’s sketching and storyboarding.

Solution Inspiration
gucci .png
GUCCI

GUCCI's filter looks neat and clean, and it also helps users find items by colors and materials. I want to add 'Price Range' to the filter.

ikea.png
IKEA

Decoration inspiration and home ideas help customers to get an idea of how the products look together. It can also reduce the time for searching for items.

rove concept.png
ROVE CONCEPTS

Users can see how items look good in their place by AI feature. It helps users place the products virtually and experience how things look in their homes.

Sketching
Crazy 8’s Sketching

I sketched eight distinct ideas in eight minutes for pushing beyond my first idea. When I first did a crazy sketch, I drew it thinking that I was making a basic framework. The most necessary functions such as filters, product suggestions (starter kits), and AR Decorator were created.

Untitled_Artwork.png
Sketching and Storyboard

I sketched with details to gain the depth and quality of my ideas. While drawing the complex functions, each step was created by virtualizing when the user purchases the product. After that, there were no changes in the sketches in storytelling, and notes were written along with the sketches to add a description of the function.

<Filter>

filter.png

<Product Suggestion>

product sugesstion.png

<AR Decorator>

ar dedor.png
Summary of Day 2 & Day 3

The filter added price, style, and interest by cloning Gucci's filter. For product suggestions, I looked at IKEA's product details page. When customers click on the product, it shows the other product as shown in the same image. Therefore, users can check what all products look like when they are together. Finally, AR Decor was inspired by Rove Concepts. It can place and check the 3D image of the object directly in their room through the user's mobile phone. Therefore, users can easily and accurately check whether the item fits their room style.

Day 4
Prototype

After finishing sketching, I started prototyping.

Low-Fidelity Designs

I started Lo-Fi prototyping to turn my ideas into testable artifacts that I can then use to collect and analyze feedback in the early stages.

Untitled_Artwork 2.png
Lo-Fi User Testing

After Low-Fidelity Designs, I conducted user testing with 3 participants. Users feel the filter has unnecessary content and think AR Decorator takes a long time on the website. They want to simplify the steps. Also, I thought I did not meet the project's goals, so I should have to revise them. 

High-Fidelity Designs

After Lo-Fi, I revised them based on Lo-Fi user testing and the project's goals and then conducted Hi-Fi testing with three participants, which I then redesigned to increase usability.

1. Starter Kit

I created a 'starter kit' on the product detail page on Lo-Fi, but when users first visit the website, they take the time to browse the first page, so I decided the 'starter kit' move to the homepage. It provides multiple items that can give inspiration to users. 

Screen Shot 2022-05-14 at 4.47.23 PM.png
2.Filter

Users can sort by category, color, material, and price. It reduces the browsing time.

Screen Shot 2022-05-14 at 4.31.20 PM.png
3.Product Details

Users can check all the details of the product and can use the AR decorator to clicking by 'View in your room'

Screen Shot 2022-05-14 at 4.31.39 PM.png
4.AR Decorator

Users can see how it looks in their own space. There is no need to download the additional app to use. It helps to prevent users make mistakes in purchasing items.

Screen Shot 2022-05-14 at 4.31.52 PM.png
Vectary texture.png
Day 5
Testing

I tested with 5 participants by conducting remote testing sessions.

testing 1.png
5 out of 5 participants were interested in AR Decorator

“I am always using my phone when I buy something because Amazon has “View in your room”. It is easy to see what it looks like in my room. It is also easy to use with my phone because I don’t need to download any additional apps.”-Suzhen

testing 2.png
4 out of 5 participants liked home decoration ideas with photos

“It gives me inspiration for home decor. Also, I like it because I don’t need to search for pictures like this on Pinterest.”-Jin

“These pictures with multiple items give me an idea of how they look together.”-Amanda

Screen Shot 2022-05-14 at 4.31.20 PM.png
4 out of 5 participants said the filter helped them find multiple decors and ensured they spent within their budget.

“This filter provides everything I need when I search items in my preference and budget.”-Ken

Screen Shot 2022-05-14 at 4.31.39 PM.png
4 out of 5 participants wanted to see different colors when they click color option

“I’d like to see different color options. Most other websites provide that, but I can't see pictures of other colors when I click.”-Kimberly

Final High-Fidelity Design
h2h hi-fi.png
Reflection
What I learned,

This Design Sprint provided opportunities to look deeper into developing an e-commerce shopping tool. It was an opportunity to think about Augmented Reality (AR) for e-commerce through research. In addition, I learned which essential functions users need when using a website. 

Next time,

I want to add a quiz for style recommendations. It would be easier for users to choose items and reduce searching time.