Mukko Furniture
IOS App

App Design • UX/UI Design
Quick Summary
This school project focuses on creating a user-friendly furniture IOS app with personalized recommendations and efficient search filters for a seamless shopping experience.
About Mukko
Mukko offers a diverse selection of designer-style furniture, along with personalized recommendations and interior inspirations, delivered to your doorstep for discerning home decorators.
Role
UX/UI Designer
Methods
Competitive Analysis, User Flow, Wireframing, Prototyping, Usability Testing
Tools
Figma, Miro, Adobe Substance 3D Stager
Timeframe
October to December 2023
Mukko's Main Visual

Project Goal

The purpose of this app was to create a store front application that enabled Mukko to showcase and sell its unique furniture designs. The focus of my design was on the buyer. Specifically, how I could make it easy for users to search and browse through a catalog of items, view product details, add items to cart and make purchases.

My approach required a thorough understanding of Apple's Human Interface Guidelines, which dictated app design standards.

01

Research

Competitive Analysis
Customer Review Analysis

02

Define

User Persona
Brand Style

03

Ideate

User Flow
Sketch & Wireframe

04

Prototype & Test

Usability Testing
Prototype

Research

01 Competitive Analysis
Competitive analysis provided valuable insights into the market landscape and also allowed me to understand how competitors solve similar problems and turn their weaknesses into our opportunities.
Competitor analysis of IKEA Competitor analysis of IKEA Competitor analysis of IKEA
Competitor analysis of ZaraHome
02 Customer Review Analysis
I explored app review platform such as Google App Store to gather authentic feedback from their users. This helped me understand user perspectives, and I knew what to avoid when designing our product.
Customer Review Analysis for Mukko

Define

01 Identifying the Users
For this app, our primary competitor is Zara Home, so I used their model to define our primary users.
They are typically homeowners or individuals setting up or renovating their living spaces, with incomes ranging from C$75K to C$150K. The majority of users are fashion-conscious and design-focused. Their specific needs include prioritizing convenience, reliability and personalization.
I also created a user persona to better understand the needs and preferences of our target audience.
User persona of Hannah
02 Defining the Brand Style
The brand style represent the overall nature and the essence of the brand. The set of adjectives identify the personality traits of the brand in the market and in the minds of the customers.
Brand Adjectives
Sleek
Minimal
Inspiring
Approachable
Personalized
Moodboard
Mukko's Moodboard

Ideate

01 Designing the User Flow
The user flow diagram was created based on initial considerations and key features.
• Drawing from the best practice research, I incorporated an onboarding process to introduce first-time users to the app.
• I positioned the account creation and furniture preference settings after the onboarding process to ensure a more personalized product experience.
• I limited the main bottom navigation on the homepage to just four options: Shop, Favorites, Inspiration and Profile, to maintain a streamlined interface.
User Flow of Mukko
02 Sketches / Rapid Prototype
Rapid prototype of Mukko
03 Wireframes
After I sketched out the main screens with two versions for the onboarding screens and product details screens, I transformed the initial sketches into digital wireframes, and tested with 5 participants to validate which version is better to accommodate user preferences and the business needs.
Mid-fidelity prototype of Mukko

Usability Testing

Getting Feedback
The test was conducted with a group of 5 participants. I made a testing plan where I outlined the research goal, questions to be asked, and a script with tasks to complete.
Task 1: Create an Account and Buy a sofa
Imagine you are looking for a sofa. Please navigate through Mukko to find and buy it.
Task 2: Explore Mukko’s features  
Explore Mukko and familiarize yourself with its features and options.
Usability Testing: Findings
The findings from the user testing helped guide the designs from wireframes to mockups and high fidelity prototype.
Mukko's User testing report for task 1Mukko's User testing report for task 2

Final Deliverables

The final high-fidelity prototype presents the user flow for creating an account, purchasing a sofa and checking out. It also allows users to set furniture preferences for a personalized experience.
User testing report for task 2User testing report for task 2User testing report for task 2User testing report for task 2User testing report for task 2User testing report for task 2User testing report for task 2User testing report for task 2
Other Screens - Dark Mode and Filter
  • Dark Mode: To help improve eye strain in low-light environments
  • Filter: Various criteria are included to help users refine their search and find the products they are looking for more easily
User Flow of MukkoMukko's Dark Mode and Filter Screens
Accessibility Considerations
Main Features:
  • Every screen was evaluated using the A11y Color Contrast Checker tool to ensure that they meet at least AA standards for accessibility. I also selected appropriate text sizes and fonts to ensure readability, making sure that important elements are easily distinguishable for users with visual impairments.
  • I incorporated voice search and alt text into images, which enables users with visual impairments to access the content through screen readers.
Try the Interactive Prototype

Reflection

During the process, I gained invaluable insights into user experience and app design, while also acquiring essential skills in Figma. Paying attention to detail proved to be crucial. Elements like spacing, alignment, contrast and icon sizes, though seemingly small, greatly influenced how users perceive the app.
What would I do this differently?
  • I would conduct more user research such as quantitative surveys, This method helps identify specific pain points and preferences of our target audience more comprehensively.
  • During the testing stage, two users opted to continue as guests instead of creating an account. If I were to redo this process, I would allocate more time to explore additional screens tailored for users who prefer not to create an account initially.

Next project

Humber Current

 →