Adorn

Overview

Adorn is a new app for interior design and they’ve partnered with a number of top 10 furniture stores in the U.S. They pride themselves on offering a big catalog of items that provides the user a better experience on selections as well as an augmented reality feature to help visualize the furniture shopping experience.

The Challenge

Shopping for furniture takes time and commitment, it also means, investement. You want to make sure when you’re selecting the item that it’ll fit in the space that you need it to and also be aesthetically pleasing but how would you know what it will look like without actually “trying it on”.

The Solution

Design an augmented reality feature within the app to help consumers view the items within their space that will allow them to make their purchasing decision with more confidence.

Empathize

Define

Features to prioritize

To create the Feature Roadmap, I reflected back on the insights gathered from the user interviews in where I gathered insights from questions related to the users shopping behaviors. I was able to identify which features to prioritize having the users goals in mind.

Ideate

Wireframing

I created these low-mid fidelity wireframes based on some initial sketching and researching the different design patterns from the other furniture shopping apps. I wanted to capture the visual elements of what I wanted to include for each screen that would ultimately help me figure out what tasks I’d want to include when creating the prototype.

Branding

I knew that creating a brand from scratch was going to be challenging. I wanted to create a brand that would reflect a feeling of calmness, elegance, a modern, simplistic and inviting tone. I played around with different typography as I tend to lean that way to get inspiration for creating logos. I really liked the idea of having hidden imagery within the typography and found a typeface that resonated with the keywords and from there the logo (last one) was created.

Prototype & Test

High Fidelity Prototype

I created the interactive prototype in Figma and linked the screens to demonstrate how the user would go about completing each task

Putting it to the test

The usability test was conducted with 4 participants who have all used or purchased furniture online before. The main objective was to observe how the user navigates the app to complete each task with ease. The test was to also identify any pain points or confusion in the process of interacting with the prototype.

Scenarios

• Task #1: You just moved into a new house and you’re looking for some new furniture, specifically a Sofa to fit into the new space. Go ahead and browse the home screen and then go about navigating to where you would look for Sofas?

• Task #2: You’re interested in the Sofa but not ready to purchase. Show me how you would Save and Create a New list from the Product Details screen.

• Task #3: You’re not sure how the Sofa would fit or look in your space. How would you go about using the AR feature to look at it in your existing space?

• Task #4: You want to add additional items, such as a coffee table? How would you go about adding another product to your AR view?

• Task #5: You see what you like and want to add to your cart to make the purchase. How would you go about adding to cart and placing your order?

The results are in….

All tasks were successfully completed with little to no difficulty. I used an affinity map method to synthesize my findings and grouped them into different themes: Success, Confusions, Curiosity. Behaviors and Suggestions. As most of the feedback was positive, a majority of suggestions emerged from the AR view screens as it wasn’t as intuitive and caused some confusion.

Priority Revisions

Using the results from the affinity map, I took into consideration the suggestions that were brought to my attention. Here are the revisions I made to the homepage, product screens and AR view screens.