UX/UI | Consultancy app with video call
The best-personalised interior advice without leaving your house.
Concept Brief | 2 weeks | group project
Made.com is a brand based in London that designs and retails homewares and furniture online, with a network of versed showrooms across Europe. They work directly with independent designers and makers to create pieces that are made to last and are affordable.
A number of deliverables were required for the project, including:
Competitive Analysis | Personas and Scenarios | Experience map | Information Architecture | Design & Usability Testing | User Flows and Screen Flows | Wireframes | High Fidelity Prototype | Presentation to the client.
Competitive Analysis | User Interviews | Affinity Map | Personas | Experience Map | Information Architecture | User Flows and Screen Flows | Wireframes | High Fidelity Prototype
The primary goals:
Finding an opportunity in the virtual interactive space.
Introduce a new feature, an online video consultancy for interior design.
Figma, Miro, Trello, Google Slides, Slack and Zoom
I conducted user interviews and user testing to collect relevant data.
Playing a key role in synthesizing our user interview results into an affinity map to highlight the key findings.
Taking responsibility for building the wireframes and prototypes of the Homepage and “Meet the Designer” page.
I developed the final concept of the “Style Board” pages which then got implemented in the final prototype
This will be a paid service to help potential customers to decorate their home with furniture, colours and composition.
The service is not meant as a sales pitch for Made.com but as a way to have remote access to interior design advice.
Users can browse and choose designers, book a slot for an appointment and have a session all contained within the app.
The app we developed for Made allows users to:
go through a short onboarding process if it pleases the user and has the freedom to complete profiles on their terms.
create a style profile in a few easy steps before or after booking an appointment.
book an appointment with prompts to prepare themselves for the consultation including a measuring tool.
have a seamless online session with an interior designer through video call and an augmented reality product recommendation.
We started the discovery phase by trying to understand the competitive market of virtual interior design, we compared the features of 8 competitors.
I narrowed down our findings to 3 direct competitors and 1 indirect competitor.
From this, we discovered that most of our competitors offer some form of video consultation, but there seems to be a gap in getting a personal touch to interior advice. The ability to get advice tailor-made to your needs and your style has been seen for styling your apparel but still rare in home decoration.
We also noticed there was an opportunity to explore an augmented reality feature, which would make us stand out from other services.
To understand our potential user we send out a survey to find insights about users’ interests, abilities and confidence towards home decoration. A question that is important for us to know; Would users consider paying for interior design advice?
We had 59 participants and these were the key findings:
Taking insight from the survey, we prepared a scenario of open-ended questions for user interviews. We questioned 15 participants about their experiences with home decorating.
I took a lead in organising the data and analysing the key findings in an Affinity Map.
Our key findings were:
Users value interior aesthetics more due to increased time at home.
Users want inspiration and teaching about interior design.
Some users know their style but require practical information.
Other users don’t have confidence in their decorating skills due to a lack of knowledge or time.
Users are hesitant to pay for advice or assume interior design advice to be expensive.
We arrived at the definition phase of our project. Here we aimed to determine who our target users are and their main concerns about home decoration. To understand our user frustrations and goals, we create a persona.
James says” I do not have much time to research loads of different brands”. When he does browse online for new furniture and other homeware he feels overwhelmed by all the possibilities.
To identify the goals of the brief and to outline the scope of this project we make a problem statement.
James is looking to decorate his living room. He knows his style but is not sure about making his own design decisions.
He needs a way to seek advice from an expert so that he doesn’t waste time and energy making the wrong decisions.
Next, is the development phase. In order for us to define features for our app, user flows and start designing wireframes we organised a design studio.
Collaboratively we brainstormed and pitched ideas for possible solutions to James’s problem. This method allowed our group to prioritise, critique and generate ideas in a short amount of time.
The feature outcomes
A selection of 4 key features would help James make the right design decisions for his living room and ensure he gets the best results from his video call.
These features were:
Ability to choose the designer allowing James to select an expert that matches his style.
Style board so designers can learn about James’s needs and goals before the call and make recommendations.
Measurement tool to help James selecting products that will fit in his space.
Video call with augmented reality allows James to visualise items in his living room.
Iteration 1 : The homepage
We wanted the homepage to make a personal approach to the user, to feel inspired and encouraged using the service. For this reason, we focused our sketches on making sure the service revolved around the designers.
After testing on 4 users, we received feedback that they were confused about who the designer Sally was and they asked where they could learn about the service. We realised the homepage needed to be as informative as possible as it‘s the first opportunity to introduce the service to users.
Listening to the feedback, we moved the explanation at the start of the homepage. Now, users knew what the app was about and was curious about the designers. It feels very inviting is a quote from a user after reviewing the hi-fi prototype.
Iteration — The video call
During the Design Studio, we brainstormed many ideas about the video call section of the app. To understand which ideas would work the best we performed several rounds of user testing. Our mid-fidelity screens had a fixed settings menu, additional features menu and various icons on the augmented reality section.
Final user flow
To conclude all our iterations I made a screen flow to show James’ journey which let him:
Booking an appointment
Creating an optional Style board
Measuring his room
Having the video call
See our hi-fidelity prototype below:
For the complete case study on Medium click below: