Empowering Users to Visualize and Customize Their Dream Homes
Sole designer of an academic mobile app project focused on streamlining home customization and improving communication between homeowners and designers.
Responsibility:
A stress-free, streamlined home design experience
Discover Your Style with Ease
Find the Right Designer Match
Visualize Accessories
Seamless Communication
Empowering Effortless Home Design
The Challenge
“I didn’t know where to start, and every decision felt like a mountain. Communicating my vision was even harder—it became overwhelming.”
– Alex, a first-time homeowner
THE PROBLEM
Understanding Users: Insights from Research & Analysis
To build a solution grounded in real user needs, I conducted mixed-method research combining both quantitative and qualitative insights:
Online review analysis (e.g., Houzz, HomeAdvisor) — to uncover common user frustrations and recurring pain points across platforms
Quantitative questionnaires — to gather data on user satisfaction levels and past renovation experiences at scale
In-depth user interviews — to explore emotional drivers, expectations, and contextual needs in more depth
Together, these methods helped me identify critical experience gaps and unmet needs that shaped the direction of my design.
Explore styles and save favorite ideas.
Stage 1
Visualizing Home Ideas
Add accessories in a 3D space
Stage 2
Finding the Right Designer
Browse and select matching designers
Stage 3
Moving Forward with Project Tracking
Track progress and communicate easily
Stage 4
Key Insights
Users switch between multiple sources but lack a unified way to turn inspiration into actionable plans.
One-Way Communication
Most platforms don’t support real-time interaction or personalized feedback from professionals.
Lack of Real-World Context
Users struggle to imagine how designs fit their actual space, leading to uncertainty.
Low Decision Confidence
Lack of clear guidance—especially online—makes it hard for users to make informed, confident choices.
Identifying Pain Points and Opportunities
Key Pain Points
Among all the concerns raised, I identified four core pain points—each aligned with a key stage in the user journey.
Too many options made it hard to define a clear design direction.
Stage 1
Lack of visualization tool
Users couldn’t preview designs in their real home context.
Stage 2
Finding the right team
Users struggled to identify designers who matched their needs.
Stage 3
Fragmented Planning & Communication
Lack of coordination led to delays and confusion.
Stage 4
Filter and save preferred styles through a curated inspiration library
Connect with designers, manage meetings, and track progress
Preview accessories in real home environment
Crafting Persona and User Flow
Discovering My Style
Lisa explores the app to find a design direction that fits her taste. She browses a curated inspiration library, applies filters like room, style, and color, and saves her favorite looks. By the end, Lisa has a clear shortlist of preferred styles, giving her confidence and direction for her home project.
When designing the browsing flow, my goal was to help users like Lisa explore and save design inspirations in a way that balances visual immersion with efficiency. I explored two main layout options:
Option 1 - Vertical Cards
Familiar and easy for mobile users
Emphasizes large images (good for visual inspiration)
Harder to scan many examples quickly
Option 2 - Grid View
Users can view more designs at once
Good for pattern scanning and quick comparison
Smaller image previews (less detail)
Harder to show full text info
After testing both concepts, I chose the Vertical Cards layout, as it best meets users’ need for visual immersion and supports confident, extended browsing.
✅ Large, detailed image cards for stronger inspiration impact
✅ Simple, intuitive top filter pills to tailor results
✅ A save-to-board feature, allowing users to collect and review favorite styles
Visualizing My Space
In Stage 2, Lisa uses the app’s design editor to test how accessories, lighting, and wallpaper would look in her own room. She selects her space, adds items from the library, and adjusts their placement and size for a realistic preview. This helps Lisa experiment with different styles and see how everything fits together. By the end, she feels confident in her choices, knowing they suit her space before making a purchase.
When designing the accessory visualization flow, my goal was to help users like Lisa easily explore, add, and adjust items in their space without disrupting the immersive 3D experience. I explored two main layout options:
Option 1 - Bottom drawer
Thumb-friendly on mobile
Room view stays central , and the top area remains uncluttered for spatial editing.
Limited space for filters or categories
Harder to scale
Option 2 - Circular drawer
Visually playful and spatially integrated with the room
Naturally follows thumb movement — ergonomic on mobile
Fewer items can fit at once
Less common interaction pattern
I chose the Bottom Drawer layout because it better balanced usability, scalability, and clarity.
✅ Bottom drawer with horizontal scrolling for quick category access
✅ Clear, central 3D room view for better spatial editing
✅ Thumb-friendly interaction designed for mobile use
Finding & Aligning with Designers
In Stage 3, Lisa browses designer profiles, exploring past projects, ratings, and client stories to find someone who matches her family’s style and needs. She also reviews design stories to understand each designer’s approach and looks at before-and-after examples to see the real impact of their work.
To help users like Lisa better understand a designer’s work, I added a Design Stories section showing before-and-after transformations with key project details. I explored two layout options to present this effectively.
Option 1 - Timeline
Shows chronological progression
Supports text detail like process, client notes, tags
Not optimized for side-by-side comparisons
Slower for scanning multiple transformations
Option 2 - Gallery
Showcasing design impact at a glance
Easy to scan and emotionally engaging
Limited space for narrative or deep text description
After comparing both, I chose the Gallery layout to create an experience that’s both visually powerful and emotionally engaging, helping Lisa feel confident and inspired when choosing the right designer.
✅ Before-and-after galleries to communicate transformation instantly
✅ Mobile-friendly, swipeable interface for easy, emotional engagement
✅ Light timeline elements to highlight process milestones
To help designers better understand client needs, I added a Home & Family information section where users can input details relevant to their project.
Option 1 - Scrollable Form
Faster to complete; users can review and input all fields at once
Easy to switch between family members with head tab
Good for users who want a full overview before submitting
Can feel overwhelming with too many inputs
Option 2 - Step-by-Step Wizard
Reduces cognitive load by focusing on one section at a time
Feels more guided and interactive
Slower to complete due to extra steps
Harder to jump back and edit answers
After comparing both, I chose the scrollable form layout. The key reason was to prioritize speed and flexibility, especially for users managing multiple family members.
✅ Continuous form for quick input and review
✅ Head tab for easy switching between family members
✅ Clear sectioning to reduce overwhelm while keeping everything accessible
Booking & Moving Forward
In Stage 4, Lisa books a consultation by selecting a date and time slot with the designer. Together, they review concepts, mood boards, and 3D visuals while discussing feedback, materials, and ways to optimize her space.
To help users like Lisa schedule meetings and book design sessions smoothly, I explored two calendar flow options. The goal was to balance ease of booking with flexibility of planning.
Option 1 - Calendar Range Picker
Shows context (weekdays/weekends, gaps) at a glance.
Fast for short ranges
Cross-month friction
Option 2 - Scroll Date Range Picker
Compact; good one-hand use
Slower Selection
Requires more scrolling
After comparing both options, I chose Calendar Range Picker because it enables fast, flexible range selection and provides clear at-a-glance context.
✅ Tabbed Layout: Lets users switch seamlessly between calendar, time slots, and chat.
✅ Clear Booking Overview: Summarizes confirmed sessions (date, time, service) in one place.
✅ Messaging Tools: Real-time chat for smooth communication with designers.
