House2Home Website

Day 1: Mapping

Mapping end-to-end experiences

To help users achieve the looks of their living spaces, I mapped out 3 potential solutions:

• Finding products based on overall style
  ‍People who just moved  > Select ideal style > Select ideal products > Add to cart > Checkout
• Finding products based on the user’s living space
  ‍People who just moved > Scan / upload living space digitally > View items in the VR space > Select ideal products > Add to cart > Checkout
• Find items based on budget
  ‍.People who just moved  > View items that fit the budget > Select ideal products > Add to cart > Checkout

Final Map

After evaluating the 3 solutions, I decided to merge map 1 and map 3 to create the final solution, which helps users effortlessly achieve their desired look at an affordable price — budget-friendly kits curated by interior designers. Here is the flow of my final map:

• Finding affordable products that achieve the look and feel‍
  ‍People that just moved > select ideal style > select budget-friendly kit > Add to cart > Checkout 

Day 2: Sketching

Final critical screen

I decided to go with the selected critical screen below based on these reasons:

• Hero image with text introducing the style
  ‍‍Provides users with an opportunity to learn more and immerse themselves in the style.
• Product detail overlays when hovering over the image
  ‍Enables users to shop effortlessly and view specific items they're interested in directly from the image.
• Categorized carousels
  Helps users easily browse through budget-friendly kits and recommended items that align with their chosen style.

Creating a solution sketch

After finalizing my critical screen, I sketched the screens before and after to demonstrate how my solution would function in a real-life scenario.

• Finding affordable products that achieve the look and feel‍
  ‍People that just moved > select ideal style > select budget-friendly kit > Add to cart > Checkout 

Day 3: Deciding

Day 4: Prototyping

Day 5: Testing

• Too much scrolling due to large images and sections
  ‍‍Users pointed out that large images require excessive scrolling to view all styles.
  Proposed solution:
  Downsize sections and images on the “Shop by Style” page to reduce scrolling.
  
• Hover mechanism leads to users mistaking the hero image as a kit
  ‍‍Users thought the hero image represented a kit, but it only displayed individual items that had to be added to the cart separately with no discounts.
  Proposed solution:
  Remove the product details hover mechanism from the hero image to prevent confusion about the image being a potential kit.
  
• The products section (with sticky filter bar) on the “style page” can be confusing and unnecessary
  3/5 users were confused by the section as they did not expect it to appear further down the page.
  Proposed solution:
  Introduce best sellers and recommended items leading to all coastal items as the first carousel to make it more intuitive.
  
• It can be hard to tell what products are included based on kit images
  ‍‍2/5 users struggled to identify which products were included in the kit.
  Proposed solution:
  Introduce best sellers and recommended items leading to all coastal items as the first carousel to make it more intuitive.
  

Takeaways  📖

• The design sprint is cost-effective and a great way to test ideas quickly
  ‍‍I gained valuable insights from my first design sprint. It allowed me to focus on what was important and validate my solutions by identifying critical screens and prototyping solution sketches to test ideas quickly and effectively.
• Design sprint focuses on learning instead of building and launching
  By creating a realistic facade with minimal screens, I was able to learn and gather insights from usability testing before making any costly commitments.

If I have more time ⏳

• Iterate current screens based on usability testing.
• Finalize and create more high-fidelity screens.
• Conduct more rounds of usability testing to uncover underlying issues.