Heem
Interior design app partners with top U.S. furniture stores. They’re scanning and updating these stores’ catalogs and are now ready to develop the app.
Role
Role
Role
UI/UX Designer
Type
Type
Type
Mobile
Year
Year
Year
2019
Overview
The Project
To build an end-to-end solution that brings AR interior design experience to another level.
My Role
I’m the product designer for the app, my main roles in the project are 1) discover users needs when using AR interior design apps, 2) develop a delightful solution that will satisfy user needs and wants.
Research
Market Trends Research
In order to target the right group of potential users, I need to understand the housing condition in the US. So I collected the official data from the U.S. Census Bureau.
The homeownershp is declining since 2005
The percentage of condominium number is flat since 2010 while the rental apartment rate keeps rising
Most Americans are used to live in single-family houses, however, more and more people tend to choose unfurnished rental apartments than owning their own properties in recent years. There’s also a trend that more and more people are willing to sacrifice space for the convenience of city infrastructures.
Next, Let’s try some AR apps…
We researched the AR technology and available AR apps on the market. Then we invited 5 participants to try Wayfair and Ikea Place, the two most popular AR interior apps on the market, to have a deeper understanding of the advantages and the pain points of the current AR interior apps.
We asked them to finish the take “add a piece of furniture to your living room”.
This was 4/5 participants’ first time trying on an AR application. All of the participants managed to finish tasks but their process is quite bumpy and the results are not ideal.
The main pain points are
It took to long to scan the ground
Items out of scale
Poor material rendering
No search function
Space boundary not defined well
Interview
Then we interviewed 5 participants about their furniture and home decoration shopping experience.
From the interview, participants are from different background but they provided some common patterns that we can trace and grasp insights.
Females (including couples) tend to spend more money on home design and more easy to go over budget
People lives in a rental building usually control their home design budget to a lower level compared to people who buy their house/apartment.
People at 25-35 are more used to shop for furniture online
People sometimes have no idea
Colour is the most common element people use to design their space
Many people at 25-35 have some move with furniture, but they also have the needs to buy new furniture
We used the interview method focused on building empathy with people about their home design experience. We have uncovered the needs, and desires of our target customers. We have also addressed several areas for improvement.
Needs
Have a clear picture of the material, color, and size of the furniture.
Clear IA and navigation to browse through.
Search functions and filters to help them find the right piece of furniture.
Add home decorations (usually, they do this after laying out the furniture)
Find new furniture that can pair their old furniture.
Wants
Save money
A more way professional way to design their home by themselves.
Ideas and inspirations for designing their home.
Find the item or similar items they’ve seen in real life pictures.
Have a clear idea if the item is available or back in stock time.
Opportunity for improvement
Improve the VR experience: scanning, scale, and location precisive.
Provide design solutions for customer’s space based on color and style.
*Provide a way that helps customers to create their own space and design it.
Persona
With everything we learned from market research and interview in mind, we start to build our persona.
Let’s meet Ariel…
Now we know the questions, HMW…
Market Trends Research
In order to target the right group of potential users, I need to understand the housing condition in the US. So I collected the official data from the U.S. Census Bureau.
The homeownershp is declining since 2005
The percentage of condominium number is flat since 2010 while the rental apartment rate keeps rising
Most Americans are used to live in single-family houses, however, more and more people tend to choose unfurnished rental apartments than owning their own properties in recent years. There’s also a trend that more and more people are willing to sacrifice space for the convenience of city infrastructures.
Next, Let’s try some AR apps…
We researched the AR technology and available AR apps on the market. Then we invited 5 participants to try Wayfair and Ikea Place, the two most popular AR interior apps on the market, to have a deeper understanding of the advantages and the pain points of the current AR interior apps.
We asked them to finish the take “add a piece of furniture to your living room”.
This was 4/5 participants’ first time trying on an AR application. All of the participants managed to finish tasks but their process is quite bumpy and the results are not ideal.
The main pain points are
It took to long to scan the ground
Items out of scale
Poor material rendering
No search function
Space boundary not defined well
Interview
Then we interviewed 5 participants about their furniture and home decoration shopping experience.
From the interview, participants are from different background but they provided some common patterns that we can trace and grasp insights.
Females (including couples) tend to spend more money on home design and more easy to go over budget
People lives in a rental building usually control their home design budget to a lower level compared to people who buy their house/apartment.
People at 25-35 are more used to shop for furniture online
People sometimes have no idea
Colour is the most common element people use to design their space
Many people at 25-35 have some move with furniture, but they also have the needs to buy new furniture
We used the interview method focused on building empathy with people about their home design experience. We have uncovered the needs, and desires of our target customers. We have also addressed several areas for improvement.
Needs
Have a clear picture of the material, color, and size of the furniture.
Clear IA and navigation to browse through.
Search functions and filters to help them find the right piece of furniture.
Add home decorations (usually, they do this after laying out the furniture)
Find new furniture that can pair their old furniture.
Wants
Save money
A more way professional way to design their home by themselves.
Ideas and inspirations for designing their home.
Find the item or similar items they’ve seen in real life pictures.
Have a clear idea if the item is available or back in stock time.
Opportunity for improvement
Improve the VR experience: scanning, scale, and location precisive.
Provide design solutions for customer’s space based on color and style.
*Provide a way that helps customers to create their own space and design it.
Persona
With everything we learned from market research and interview in mind, we start to build our persona.
Let’s meet Ariel…
Now we know the questions, HMW…
Market Trends Research
In order to target the right group of potential users, I need to understand the housing condition in the US. So I collected the official data from the U.S. Census Bureau.
The homeownershp is declining since 2005
The percentage of condominium number is flat since 2010 while the rental apartment rate keeps rising
Most Americans are used to live in single-family houses, however, more and more people tend to choose unfurnished rental apartments than owning their own properties in recent years. There’s also a trend that more and more people are willing to sacrifice space for the convenience of city infrastructures.
Next, Let’s try some AR apps…
We researched the AR technology and available AR apps on the market. Then we invited 5 participants to try Wayfair and Ikea Place, the two most popular AR interior apps on the market, to have a deeper understanding of the advantages and the pain points of the current AR interior apps.
We asked them to finish the take “add a piece of furniture to your living room”.
This was 4/5 participants’ first time trying on an AR application. All of the participants managed to finish tasks but their process is quite bumpy and the results are not ideal.
The main pain points are
It took to long to scan the ground
Items out of scale
Poor material rendering
No search function
Space boundary not defined well
Interview
Then we interviewed 5 participants about their furniture and home decoration shopping experience.
From the interview, participants are from different background but they provided some common patterns that we can trace and grasp insights.
Females (including couples) tend to spend more money on home design and more easy to go over budget
People lives in a rental building usually control their home design budget to a lower level compared to people who buy their house/apartment.
People at 25-35 are more used to shop for furniture online
People sometimes have no idea
Colour is the most common element people use to design their space
Many people at 25-35 have some move with furniture, but they also have the needs to buy new furniture
We used the interview method focused on building empathy with people about their home design experience. We have uncovered the needs, and desires of our target customers. We have also addressed several areas for improvement.
Needs
Have a clear picture of the material, color, and size of the furniture.
Clear IA and navigation to browse through.
Search functions and filters to help them find the right piece of furniture.
Add home decorations (usually, they do this after laying out the furniture)
Find new furniture that can pair their old furniture.
Wants
Save money
A more way professional way to design their home by themselves.
Ideas and inspirations for designing their home.
Find the item or similar items they’ve seen in real life pictures.
Have a clear idea if the item is available or back in stock time.
Opportunity for improvement
Improve the VR experience: scanning, scale, and location precisive.
Provide design solutions for customer’s space based on color and style.
*Provide a way that helps customers to create their own space and design it.
Persona
With everything we learned from market research and interview in mind, we start to build our persona.
Let’s meet Ariel…
Now we know the questions, HMW…
Design Goals
Design Process
Brainstorming
Base on the interview, the most common scenario that people purchase I came up with several ideas to answer the HMW questions. Then I selected the most approachable and competitive idea. The goal is to design an AR app to help users find the right product that fits their rooms best. It should be able to evaluate the current environment and provide design solutions to users.
Storyboard
User Flow
With the goals set, I started to struct the user flow. At this point, I’m mostly focused on the legibility of the main functions and left more detail parts to the next step.
Information Architecture
Having the user flow developed, my next step was the IA of the site. Based on my market research and the structure of the user flow, I created a site map as a guide for the design.
Sketches
I skethed out the main screens.
Low Fi prototype
I used Invision freehand to study the UI patterns for each screen. After I sketched out all the screens I turned them into a prototype in Invision and launched a simple usability test with 3 participants to check it there is any critical flaw in the design.
The result turned out quite well. The flow is clear to all the participants. We are excited and ready to move to the next step.
Branding & UI Kit
When it comes to UI, on one hand, we would like to keep the brand style simple in order to fit the wide range of items to be displayed. On the other hand, we would like to add some accents to distinguish our brand from competitors. We started with creating a mood board by collecting reference images.
Then we traced the patterns behind the mood board and discovered our preference. It turned out to be a grey tone with a high light color.
For the logo, we tried different scale and font of “H”, the first letter “Heem”. We were trying to use 3D figure as the main function of the apps will be operated in 3D space.
Iterations
Brainstorming
Base on the interview, the most common scenario that people purchase I came up with several ideas to answer the HMW questions. Then I selected the most approachable and competitive idea. The goal is to design an AR app to help users find the right product that fits their rooms best. It should be able to evaluate the current environment and provide design solutions to users.
Storyboard
User Flow
With the goals set, I started to struct the user flow. At this point, I’m mostly focused on the legibility of the main functions and left more detail parts to the next step.
Information Architecture
Having the user flow developed, my next step was the IA of the site. Based on my market research and the structure of the user flow, I created a site map as a guide for the design.
Sketches
I skethed out the main screens.
Low Fi prototype
I used Invision freehand to study the UI patterns for each screen. After I sketched out all the screens I turned them into a prototype in Invision and launched a simple usability test with 3 participants to check it there is any critical flaw in the design.
The result turned out quite well. The flow is clear to all the participants. We are excited and ready to move to the next step.
Branding & UI Kit
When it comes to UI, on one hand, we would like to keep the brand style simple in order to fit the wide range of items to be displayed. On the other hand, we would like to add some accents to distinguish our brand from competitors. We started with creating a mood board by collecting reference images.
Then we traced the patterns behind the mood board and discovered our preference. It turned out to be a grey tone with a high light color.
For the logo, we tried different scale and font of “H”, the first letter “Heem”. We were trying to use 3D figure as the main function of the apps will be operated in 3D space.
Iterations
Brainstorming
Base on the interview, the most common scenario that people purchase I came up with several ideas to answer the HMW questions. Then I selected the most approachable and competitive idea. The goal is to design an AR app to help users find the right product that fits their rooms best. It should be able to evaluate the current environment and provide design solutions to users.
Storyboard
User Flow
With the goals set, I started to struct the user flow. At this point, I’m mostly focused on the legibility of the main functions and left more detail parts to the next step.
Information Architecture
Having the user flow developed, my next step was the IA of the site. Based on my market research and the structure of the user flow, I created a site map as a guide for the design.
Sketches
I skethed out the main screens.
Low Fi prototype
I used Invision freehand to study the UI patterns for each screen. After I sketched out all the screens I turned them into a prototype in Invision and launched a simple usability test with 3 participants to check it there is any critical flaw in the design.
The result turned out quite well. The flow is clear to all the participants. We are excited and ready to move to the next step.
Branding & UI Kit
When it comes to UI, on one hand, we would like to keep the brand style simple in order to fit the wide range of items to be displayed. On the other hand, we would like to add some accents to distinguish our brand from competitors. We started with creating a mood board by collecting reference images.
Then we traced the patterns behind the mood board and discovered our preference. It turned out to be a grey tone with a high light color.
For the logo, we tried different scale and font of “H”, the first letter “Heem”. We were trying to use 3D figure as the main function of the apps will be operated in 3D space.
Iterations
Video Demo
Heem is a AR home design solution for urban urban dwellers. It targets to help people make wiser purchasing decisions base on the analysis of the environment.
Heem is a AR home design solution for urban urban dwellers. It targets to help people make wiser purchasing decisions base on the analysis of the environment.
Heem is a AR home design solution for urban urban dwellers. It targets to help people make wiser purchasing decisions base on the analysis of the environment.
Versatile E-store and AR design options
Users have the freedom to expore the e-store or use heem AR to improve their home design
Environment based recommendation
Heem will scan the current settings in the room and generate options based on the analysis.
Style your Space
With products presented in your room, you can easily understand and compare different products.
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Thank you for stopping by
·
Open to
Open to
Open to
work
work
work
Let's Chat!