MODA iOS App:
Intuitive modern
furniture shopping.
Project Type
UI/UX Design
Duration
November - December 2024
Tool Used
Figma
Overview
Furniture is the element that transforms a space, and this project provides a platform where you can easily browse and buy modern furniture.
The main features of this application are:
• Easy navigation of a curated furniture catalog
• Simple cart and checkout process
• Order tracking for smooth delivery updates
• Personalized notifications for restocking and recommendations
Simplifying the furniture shopping experience and making it fun, reliable, and personalized is the main goal of this project.
Problem
Users struggle with visualizing furniture in their homes, navigating cluttered apps, and managing orders, making the shopping experience frustrating and time-consuming.
Solution
A sleek, user-friendly app with clear product previews, personalized recommendations, and streamlined order tracking, providing a seamless, efficient shopping journey.
My Role
I conduct UX research and user testing to understand pain points, then design intuitive UI elements that enhance usability and create a seamless, engaging experience.
Research
To identify the needs of the app's target users, we conducted analysis and research of design patterns and market opportunities through competitive analysis and SWOT analysis.
Personas:
・Professionals and families aged 25-45
・Functionality-driven users
・Design-driven users
SWOT Analysis - IKEA
Strengths: Affordable, stylish furniture; strong brand recognition.
Weaknesses: Limited customization; complex assembly.
Opportunities: AR visualization; personalized recommendations.
Threats: Growing competition from online retailers.
These findings highlighted opportunities to enhance personalization, simplify product visualization, and improve the shopping experience.
Define
The process began with visualizing the buying process through a detailed user flow diagram and creating a user journey map, which together outlined each step from browsing products to completing a purchase, ensuring a seamless and intuitive experience.
The user flow was the foundation for the design of the following interfaces:
・Navigation
・Interactions
・Content hierarchy
Ideation
We brainstormed ideas based on our research, and from there, some key insights and ideas emerged:
・Visualize furniture in the real space
・Personalized recommendations based on your preferences
・Simplify navigation to make shopping quick and intuitive
Our initial sketches helped us delve deeper into these concepts and refine the scope of our idea.
We narrowed the scope and features to focus on:
・Browsing and selecting furniture
・Personalized notifications for restocks and tailored suggestions
・Streamlined order tracking and updates
Key Findings from Initial Sketches and Walkthroughs
Each of us sketched our own ideas and provided constructive feedback during critique sessions.
Several key insights and ideas emerged from these sessions:
・How can we make it easier for users to visualize furniture in their own homes?
・How can we help users easily compare different furniture pieces in terms of size, style, and price?
・How can we create a fun and engaging shopping experience through interactive features?
Low-Fidelity Prototypes
Using Figma, we built an interactive low-fidelity prototype centered around the purchasing process. We aimed to optimize the user experience by checking the usability of the navigation and interface.
We focused on the following steps:
・Users can easily browse products
・Add to cart
・Smooth checkout
User Testing
We used a low-fidelity mockup of the app with a few participants to evaluate the prototype.
Participants were given the following tasks:
・Browse and Purchase an Item
・Check Your Order History
・Explore the Favorites Page
We asked participants to navigate through all the screens in the process and verbalize their thoughts as they moved through the interface.
Key Takeaways from User Testing
The user testing revealed key insights and actionable improvements across onboarding, navigation, search functionality, product details, favorites, cart, and overall design.
Key Feedback:
・Onboarding is unnecessary for registered users
・Quantity change required on the product detail page
・More reassurance if reviews include user profile information
Improvements:
・Onboarding: Add skip function for registered users
・Product details: Quantity change function and add user information to reviews
・Cart: Specify and add tax and shipping fees
High-Fidelity Prototypes
The final high-fidelity prototype was created based on user testing and feedback, with the following main improvements:
・Product detail page: AR function, button to change product quantity
・Cart: Change to delete button, the addition of product price information
・Order tracking: Smooth process from purchase to order tracking
The feedback helped us address key usability issues and align the design with user needs. The final prototype reflected a balance of functionality, aesthetics, and user feedback to create a seamless, user-centric experience.
Initial Prototype
Final Design
Initial Prototype
Final Design
Final Prototype
What I Learned...
Through research, user testing, and UI/UX design, I was reminded of the importance of putting users at the center of the design process. By understanding user pain points and iterating on designs based on their feedback, I learned how small tweaks can bring meaningful improvements to user experience.
Furthermore, working collaboratively in a team highlighted the importance of clear communication and alignment on common goals. Effective time management was essential to balance multiple tasks from research to prototyping and meet deadlines without compromising quality.
Overall, the experience enhanced my empathy, adaptability, and collaboration experience in delivering user-centric, impactful products.
Recent Projects 😘 🔥
September - October 2024
January - February 2024