Heem

An AR app for furniture buyers to visualize new furniture in their current space.
bio pic

OVERVIEW

Heem is a new furniture shopping app that has partnered with top U.S. Furniture brands to provide users with a comprehensive catalog of products. It uses augmented reality to help people find the best furniture for their space. This project aims to deliver an immersive and enjoyable shopping experience on the newest AR-ready devices and minimize the trouble that is associated with furniture shopping.

I designed an end-to-end application and also established Heem's brand.

Client

Heem Furniture, Designlab

Timeline

2 weeks

My Role

Research, User Flows, Information Architecture, Sketching, Wireframing, UI, Prototyping

Design Tools

Pen & Paper, Sketch App, Marvel

THE CHALLENGE

Price, Quality and style are important when it comes to buying furniture, but the excitement of getting a beautiful item at a great price can turn into disappointment if it doesn't complement your existing setup.

PROPOSED SOLUTION

Heem is an app that allows users to visualize the furniture's size, color, and texture in its intended environment before making the purchase. Through this AR app, users can browse, and "try on" the furniture with just a few clicks and swipes.

MY PROCESS AND WHAT I DID


bio pic

DISCOVERY

Methodologies: Secondary Research & User Interviews

Secondary Research

At the beginning of the secondary research, it was important to establish an understanding of the furniture industry and its current target demographic.

The major takeaways included:

User Interviews & Contextual Enquiries

I conducted interviews with people who have purchased furniture before to empathize with them and gather a deeper understanding. I also observed the participants while they used IKEA Place app.

I saw a pattern from their answers, users were most frustrated when the furniture they bought didn’t match their existing setup in terms of both size and style

Key Takeaways

View Full Research Deck here 👉

DEFINE

Methodologies: Persona, Customer Journey Map, User Stories & Feature Matrix

Meet Natalie

I created a persona, Natalie, who reflected the goals, needs, and frustrations uncovered from research. My design decisions were influenced by Natalie who represented the target user.

bio pic

Empathy Map

Using an empathy map, I looked for trends, contradictions, and patterns in my research findings and was able to create a bigger picture of my user. Here are some insights

bio pic

DESIGN

Methodologies: Appmap, Task Flow, User Flow, Mid fidelity wireframing & Prototype

INFORMATION ARCHITECTURE

App Map

I created an app map based on the most important features I found while conducting research.

bio pic

User Flow

Based off the persona, I created a typical user flow for someone looking to view a piece in their space.

bio pic

Wireframes

Initial sketches were developed based on the user flow and app map. Mid-fidelity wireframes were made from these sketches to show a more refined iteration of the screens. These were used during the usability testing phase.

KEY SCREENS

Home
bio pic
Product Detail Page
bio pic
Place Furniture
bio pic
Customize
bio pic

Mid Fidelity Prototype

I created the prototype in Marvel with the necessary hotspots to complete tasks within the app.

TEST

Methodologies: High Fidelity Mockups and Affinity Map

I conducted usability testing in order to see how users would interact with Heem mobile app.

Key Findings

THE POSITIVES
THE ISSUES
THE RECOMMENDATIONS

Moving forward to hi-fidelity mockups, I made sure to tackle the main issues users had during the testing.

FINAL UI DESIGN

Branding: Style Guide

To start, I wrote down a few words that I envisioned this brand to be: modern, stylish, trendy, elegant, and helpful.

Next, I iterated on final UI designs in order to cater to my users’ needs and goals.

bio pic

High Fidelity Prototype

I finally created a high fidelity prototype for my app.

Play with the prototype here

CONCLUSION

Next Steps

Reflections & Learnings

This capstone was challenging as AR is a new for me. I had to do additional market research to understand what is AR capable of and its future potential. Secondly, it was hard conveying AR features on wireframes and high-fidelity prototype that are not fully developed. I had to give additional guidance to my users during usability testing and asked them to use imagination to help visualize this as a 100% functional app. I also learned the value of designing rapidly so that I could fail and validate designs quickly.

Thank you for viewing this project!