House 2 Home

From concept to completion.

As a problem solver who strives to create a more accessible and user friendly world, I know that sometimes business needs require lightening fast results. House2Home has an existing web platform that it uses to sell home decor.

Here is the House2Home homepage before I began.

A simple & straightforward e-commerce website.

House2Home wants an innovative feature integrated on their home screen that helps people who have moved into a new space. A customer survey revealed that: 

The Problem

Buying home decor items that match a theme on a budget is difficult.

House2Home is a startup company that sells home decor at a low price point. Realizing that most consumers purchase home decor products in line with categorical themes, how can products be presented to yield high conversions? 

I can relate!

I am a UX designer and fine artist who loves the art of home decor. With nearly a decade of higher education under my belt, I am well versed in enhancing a space on a tight budget. Approaching kickoff for this project, I was very excited to have a high degree of sympathy for the users.

A college apartment coffee table I made for $10! I developed a shabby chic aesthetic but had a lot of trouble adding new pieces of furniture to my spaces.

The process

Total project time: 5 days (until showcasing a viable & validated solution)
Original scope: Create a feature to help users who have just moved into a new place purchase themed decor for cheap in a group.
Team: I worked by myself on this project, from the research to the development of the UI and prototype.
Constraints: The product needs to be a website, starting with designs for larger screens

I organized a design sprint, my goal was to have a validated product in five days. Each day of the work week had a purpose and a takeaway, and if followed carefully, would leave House 2 Home with a working prototype and a viable solution to their problem; which would need further development.

You can click items in the list to skip to that section.
Kickoff | Research | Personas | Early ideation | user map

Day 1 - Map

The goal for the first day of the design spring is to develop a map that illustrates the users journey to complete the most critical objective this product should accomplish.

This product really should benefit people who don’t have a whole lot of time to shop for things and who don’t have a whole lot of money to spend on expensive items. The final product should also aid people who have developed a taste for certain decor styles and need help finding items to match. House2Home should take the guesswork out of purchasing accessories by creating combo packs for people to browse and purchase.

People moving into brand new spaces will benefit greatly from the product that House 2 Home aspires to create.

House2Home’s target audience demographic is primarily younger people who are getting into new apartments or living spaces. People who are new to living alone will benefit the most because they are starting with a fresh palette. For example, someone who has a space decorated with country chic accessories that is trying to infuse a bit of modern appeal might not benefit from an entire kit of accessories - they may just want one or two pieces.

Research

Iterview highlights:

"I moved into a new apartment and it was sooo empty, I wanted to buy some stuff to make it a little more stylish. I knew I needed a few things, but it was hard trying to stick to a budget" - Maria
"I find lots of cool little items I like, but I never know if they'll all look good together in the same room until I buy them. Usually, I get overwhelmed and end up not buying anything." - Dan

Personas

With the research data gathered from interviews, personas developed. I used the personas to gain empathy so I could develop a useable product. Here is an example of a persona I created for this project.

Ally, 23 years old

  • Graduated college one month ago, moved into a small studio apartment.
  • Excited to decorate her own space.
  • Browses Pinterest for ideas, and saves photos of apartments and rooms that she likes.
  • She is interested in small spaces that feel bright and lively.
Frustrations
  • Knows the look, but not what to buy.
  • Decorative pieces are out of her price range.
  • Doesn't want to make big changes.
  • Doesn't know if items will look good together in her space.
Goals
  • Quick apartment "facelift" without needing to shop for many individual items.
  • Find decorative items in her budget.

Early Ideation

I began my process by looking at what leaders in the industry are doing to sell their products. My goal was to gain understanding about the industry especially how leaders handle information hierarchy and design elements.

The very first website that popped up in my google search I spent a great deal of time investigating. The company is worldmarket.com. Here are some things that caught my attention right away: 

A very attractive call to action on the home page, which is designed well with great imagery.
Under their inspiration tab I found some useful links. They offer a few themed decor packages, and images to help people design within themes.

User map

Here are a few of the user maps I drew out.

The features I flow I thought was the most efficient was:

Finally, I reached out to five people who agreed to partake in a usability test later in the week.

☝️  Back to list
Lightning Demos | Crazy 8's | critical screen

Day 2 - Sketch

Lightning Demos

Since I found WorldMarket.com to be visually inspiring, I decided to do lightening demos with their website. Basically, I quickly sketched users routes in my sketchbook.

Next, I did a few rounds of crazy 8 drawing, quickly sketching out one screen in my perceived user's flow.

Critical Screens

After selecting the crazy 8 frame I thought worked best with my project goals, I created critical screens. I quickly drew out the screen before and the screen after.

☝️  Back to list
Story board

Day 3 - Decide

I came back to my project and re-examined my sketches and my critical screen drawings. The next step was to create a several panel storyboard showing the process a user would take navigating the module. I thought of this portion of the process as a lightweight, sketched wireframe that I would use for building a prototype.

I chose necessary UI elements while sketching my storyboards that I expected to use in the prototype. I decided to include the process of selecting and creating a custom package for this part of the sprint, as I found it to be most critical.

The last thing I did on day 3 of my 5 day process was reach out to my participants to schedule my day 5 usability tests.

☝️  Back to list
Realistic prototype

Day 4 - Prototype

My favorite day in the sprint process, prototyping! I developed a well rounded prototype for my participants to use for usability purposes.

The home screen contains a large call to action button, and has instructions for the user.
After the user selects the call to action, they are brought to a page with different options and styles they can cycle through until they find one that they like. There is also a link to a style quiz if they need help figuring out what syle they like best.
If the user selects the button to upload a photo, images from the users device populate to choose from.
The users items are placed in the last them the user was on before uploading the picture of the space.
The user can easily swap between pieces of furniture that they can move about the room and arrange in attractive ways.
The user can also get quick information about the items by rolling over the top of them, or clicking them to get options.
The user can either delete items that they don't wish to purchase, or proceed to purchase the times by clicking add to cart.

This product is interactive, sleek, and easy to use. It allows users to visualize items in their spaces and custom create packages for purchase.

☝️  Back to list
Usability testing | iteration

Day 5 - Test

On the last day I did usability testing to make sure my product was meeting the goals that I developed at the beginning of the process. I took notes and carefully watched as my participants navigated my screens. After all of my usability tests were done, I made a few edits to UI elements, and clarified my on screen instructions a bit.

☝️  Back to list

☝️☝️ Back up to the tippy top ☝️☝️

Let's connect!

Even if it has nothing to do with work, come say hi! 😊

© Jeremiah Keevy 2021