top of page

Facilitating effortless home decor shopping

House2Home

Google Venture Design Sprint

Introduction

Project overview

Project Background

This project was a part of my UI/UX certification at Springboard. I was given a few project prompts, and I opted for creating a 'bundles' feature on a home decor website. I went with this option because I currently work in the furniture industry, and it felt like a great fit given my background. 

Objective:

  • Create a home decor bundles feature for a home decor web application.

Timeline:

  • 5 days

Tools:

My Contribution:

  • Heuristic Analysis

  • Lightening Demos

  • Sketching

  • Prototyping

  • Usability Testing

Challenges:

  • 5 day time constraint

  • Being the solo designer working on this project 

  • Figma

  • Google Forms + Google Docs

  • Pen + paper

My Role:

  • UI/UX Designer

The Problem

When it comes to designing new homes or apartments, many people feel uncertain about where to begin. Bringing their ideas to life and arranging their space in a way that suits their taste can be quite challenging.

The Solution

House2Home is an online platform, specializing in home decor. They aim to diversify their selection by introducing a new feature: pre-designed home decor bundles. These bundles are for those who want to personalize their living space without the hassle of trying to match pieces and risk results they're not happy with. To put the idea to the test, I conducted a sprint using the Google Venture design sprint methodology, modified slightly to accommodate a solo execution of this project.

The Result

Landing Page.png
product catalog page.png
boho chic bundle.png

Day 1: Understand

Reviewing existing research and mapping out the probable user experience

Discovering User Needs

I began by coding transcripts from user interviews, in which participants were asked questions about their experience designing their new homes or apartments. 

Key Findings

  • Most users have a hard time finding pieces that will enhance their space, while staying within their budget.

  • Most users  have a hard time coordinating and combing pieces.

  • Most users feel uncertain about how their chosen pieces will look in their space.

  • Most users know what aesthetic they want in their homes, but are not sure how to bring that vision to reality.

  • Most users feel overwhelmed by how much time they have to spend searching for pieces that they actually like.

Early Framework

After analyzing the existing research, I jotted down a rough plan. Being that this was only a 5-day sprint, I kept my ideas simple to ensure I hit my goals by the project's end. At this point, I wanted users to be able to effortlessly browse through decor bundles and be able to check out how the pieces would look in their homes using an AR feature.

Mapping

Next, I mapped out the probable steps a user might take throughout the process of entering the website's homepage and adding a decor bundle to their cart.

House2Home Solution Idea wixx.png

Day 2: Define & Sketch

Drawing industry inspiration and sketching possible solutions

Lightening Demos

I started the day, looking at existing websites to find interactions that would work well for my idea (a process known as Lightning Demos in GV design sprints). The following are inspirations I gathered from five different websites.

Website #1: Pinterest

Screenshot 2023-07-17 at 5.05.30 PM.png

 1 

 2 

 1 

The clickable choices when hovering over an image, such as options to 'save' or 'send' photos makes the interaction more smooth.

 2 

The gallery-style arrangement of photos makes it enjoyable to look through, providing a feeling of browsing rather than shopping.

Website #2: Ikea

 1 

The option to filter by room is noticeable and easy to navigate.

 2 

The gallery style layout creates a feeling of a browsing experience as opposed to shopping.

 3 

The option to view an item's price and name by simply hovering over it is an efficient way to give users information.

Creates a simple way for users to like an item by giving the option to do so directly from feed.

 4 

Screenshot 2023-07-18 at 1.01.06 PM.png

 1 

 4 

 2 

 3 

Website #3: TOV

 2 

 1 

 1 

Uses straightforward and everyday language, making it simple for users to understand.

Showcasing social media photos is a great way for customers to see how the pieces might look in real life.

 2 

 3 

The "view in room" option is a fantastic feature, enabling customers see how the piece will look in their own space.

 3 

Website #4: Article

 1 

Filtering the bundles by room is clean looking and easy to navigate.

 2 

Friendly and casual tone, creating a sense of familiarity for shoppers.

 3 

Displaying a lifestyle photo instead of  a product image gives users a wonderful preview of the piece even before they click on it. It also adds a lovely aesthetic to the page.

 1 

 3 

 2 

Screenshot 2023-08-20 at 4.04.11 PM.png

 1 

 2 

 3 

 1 

It's simple and appealing to favorite a property.

 2 

The layout is clean and aesthetically pleasing.

 3 

Users have the freedom and control to categorize items in their wishlists.

Website #5: Airbnb

Crazy 8 Sketches

Then, I began experimenting with different solution ideas using the "crazy 8 sketches" method. I drew 8 sketches in a row, spending one minute on each, aiming for unique and imaginative ideas.

crazy 8.jpeg

Solution Sketch

Next, I created a solution sketch consisting of three panels: the critical screen, (decor bundles page) the screen that comes just before it, and the one that follows it. 

After that, I made a solution sketch consisting of three panels: the critical screen, the screen that comes just before it, and the one that follows it.

IMG_5240.jpeg
IMG_5240.jpeg
IMG_5240.jpeg

After many sketches...

the solution sketch taking shape :)

IMG_5243.jpeg

Landing Page

IMG_5243.jpeg

Product Catalog Page

IMG_5243.jpeg

Product Details Page

Note: The product catalog page looks different here than in the sketches you'll see on day three. Originally, I wanted the catalog to be more artistic-looking and for users to also have the option to browse bundles in a feed form. I realized it would take too much time, and therefore decided on a simpler idea.

Day 3: Decide

Settling on the final design and creating a storyboard

Reviewing The Design

I started the day by running through the solution sketch with an experienced student mentor. After talking about a few tweaks, such as the one mentioned above about the product catalog page, I felt prepared to create a storyboard. 

Storyboard

I spent the rest of the day sketching out various interactions before settling on the final flow for the storyboard. The purpose of creating a storyboard, is to envision each action a user might take within the site, before transitioning to a digital format. 

House2Home Solution Idea.png

Day 4: Prototype

Crafting a design that's presentable to test with users

The Goal

In a design sprint, a prototype aims to include only what's necessary to address the specific issue. Keeping this in mind, I tried to stay focused on House2Home's mission to help customers design their homes more easily by offering bundles of decor items.

How To Achieve The Goal?

Knowing that our users' primary concern was uncertainty about how the decor would match their style and homes, I wanted to integrate as many features as possible that would address this issue. I included an AR camera option, allowing participants to view items in their own space. I also aimed to include lifestyle photos and customer pictures to give our users a clear sense of the decor bundles' vibe. Here's the prototype I came up with:

Day 5: Test

Receiving feedback from our users

Usability Testing

 To be a participant, it was necessary to have recently moved to a new home and to be familiar with online shopping. I reached out to participants on day two of the sprint, so at this point, everyone was ready for testing!

I conducted 30-minute Zoom sessions where users were asked to complete various tasks within the app. The goal was to assess the success of the decor bundles feature and identify areas for improvement. 

Iterations

Testing participants provided some really helpful ideas for changes that had to be made. Due to the time constraint, I went over the ideas with an experienced student mentor and only made a couple of small but important changes, as seen below. I kept the rest of the suggestions for the next release :)

Before

After

wix bundle.png
wix bundle 2.png

 1 

 4 

 3 

 2 

Changes

Changed some of the font sizes to improve hierarchy.

Added an icon to indicate that participants can zoom in to product images, since
4/5 of them did not notice that feature.


Included this note because all participants were curious about whether they can
buy individual pieces from the bundle. 


4/5 participants wanted to see each item in the bundle individually and view it's information. Therefore, added arrows next to each item to indicate that they can be clicked to go to their own product page.

 1 

 2 

 3 

 4 

Iterations I'd Consider With More Time

  •  4/5 participants expressed dissatisfaction with the close layout of the decor bundles homepage, suggesting a preference for a more spacious arrangement. I'd work on creating more space between the products.

  •  2/5 participants were looking for more information on how the AR feature would work. I'd work on making the popup more informative.

  •  2/5 participants wanted the individual bundle page to include details on whether the item was free shipping. I'd work on showcasing shipping details.

  • 1/5 participants wanted more filter options. I'd consider adding more of those.

  •  3/5 participants wanted to view their cart. I'd create the cart and checkout pages. 

  •   I would also love to personalize the experience by including designer profiles within each bundle who give their thoughts and insights on the vibe of the bundle.

Final Thoughts

Although I enjoyed the challenge of working on this project, I would say that it came with its fair share of advantages and disadvantages. One notable perk of working on a sprint independently was the freedom to develop my skills at my own pace and really lean into my design style. Yet, working solo, I couldn't help but feel I missed out on the complete design sprint experience, which typically thrives on team collaboration. For example, in a regular design sprint, when a prototype has to be designed in a very short amount of time, the workload is divided among team members. Yet, in my solo sprint, I had to construct the entire prototype by myself, pushing me to create something super simple. Nevertheless, I enjoyed the intensity of the 5-day challenge; it kept me super focused, and the project prompt added a fun twist. Looking ahead, this project has me really looking forward to working together with a team!

Thanks for following along  :)

Got questions about this project? Feel free to contact me.

bottom of page