House2Home

House2Home

House2Home

Vision Meets Value with House2Home

Vision Meets Value with House2Home

Vision Meets Value with House2Home

H2H Create Room Mockup

Industry

E-Commerce

Service

Responsive

Duration

2 Weeks

Date

Spring 2025

Problem

Young renters face challenges decorating first apartments due to budget constraints and overwhelming options.

Solution

House2Home tablet app offers budget-friendly room visualization with AR, mood boards, and furniture packages.

My Role

As UX/UI designer in a sprint, I analyzed research, created journey maps, conducted competitive analysis, developed sketches, and built prototypes validated through user testing.

H2H Mood Board Screen Mockup
H2H Mood Board Screen Mockup
H2H Mood Board Screen Mockup

01 Map

Overview

Young renters struggle with decorating their first apartments, balancing aesthetic goals and budget constraints ($10-50 /item).

User Interviews

Users struggle with budget limits and visualization when decorating. They prefer quick solutions and portable decor items that work in different spaces.

H2H User Anna
H2H User Anna

"Will they look good in my living room?"

~ Anna

H2H User Dan
H2H User Dan

"Will they all good together?"

~ Dan

H2H User Lauren
H2H User Lauren

"How can I get the look I want?"

~ Lauren

H2H User Maria
H2H User Maria

"I moved into a new apartment…"

~ Maria

H2H User Ron
H2H User Ron

"I want my place to look good..."

~ Ron

H2H User Silvia
H2H User Silvia

"I don't have a huge budget to spend..."

~ Silvia

User Persona

Ally, 23, recent graduate living in Chicago studio apartment who uses Pinterest but finds shopping overwhelming. Seeks budget-friendly cohesive decor without excessive shopping time.

Persona Ally - Early Career Professional
Persona Ally - Early Career Professional

User Research Insights

User research reveals our main opportunity: help users select coordinating items that match their aesthetic and budget.

Visualization

User Research Insights - Visualization
User Research Insights - Visualization

Users struggle to visualize how items will fit together in their space.

Budget

User Research Insights - Budget Constraints
User Research Insights - Budget Constraints

Budget anxiety affects purchasing decisions.

Starter Kits

User Research Insights - Starter Kit
User Research Insights - Starter Kit

Users desire budget-friendly decor packages that simplify decision-making.

Inspirations

User Research Insights - Inspiration
User Research Insights - Inspiration

Users struggle to translate room inspiration photos into specific product purchases.

User Stories Minimum Viable Product

The fourth user story addresses key challenges with a streamlined browse-to-purchase flow, integrating AR tablet features and balancing guided assistance with user autonomy.

User Stories Minimum Viable Product
User Stories Minimum Viable Product

02 Sketching

Create Screen Sketches: Crazy 8's

Research shows young adults face budget challenges when decorating. I created sketches allowing users to design spaces while monitoring costs.

ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes

Solution Screens

I created detailed Create screen sketches with supporting Mood Board and Room Themed screens to guide decoration planning within style and budget constraints.

ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes

03 Decide

Story Board

The storyboard follows users from theme exploration to room design in 3D with budget tracking, mood board generation, and furniture ordering.

ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations

Site Map

The site map includes six main sections (Mood Board, Gallery, Shopping, Create, About, Profile) guiding users through the inspiration-to-purchase journey, starting with a Style Quiz.

ParkShare IA Site Map
ParkShare IA Site Map

04 Visual Design

Mood Board

House2Home's design blends nature-inspired aesthetics with modern elements, using forest greens and sage accents on light backgrounds for a calming yet professional feel.

ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare Image Inspirations
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes
ParkShare UI Attirbutes

Visual Style Guide

05 Implementation

Usability Testing Highlights

Users praised the interface design and mood board feature, while suggesting improvements for visualization features, customizable layouts, and budget filtering.

Added direct browse option alongside Style Quiz to address user preferences for navigation flexibility and improved section organization.

Added direct browse option alongside Style Quiz to address user preferences for navigation flexibility and improved section organization.

Added direct browse option alongside Style Quiz to address user preferences for navigation flexibility and improved section organization.

Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2

Enhanced price adjustment visibility, added style filtering options alongside room types, and improved thumbnail information hierarchy with lighter backgrounds.

Enhanced price adjustment visibility, added style filtering options alongside room types, and improved thumbnail information hierarchy with lighter backgrounds.

Enhanced price adjustment visibility, added style filtering options alongside room types, and improved thumbnail information hierarchy with lighter backgrounds.

Added 3D view capability, improved checkout button visibility with color changes and price display, and adjusted furniture browsing layout to indicate scrollable content.

Added 3D view capability, improved checkout button visibility with color changes and price display, and adjusted furniture browsing layout to indicate scrollable content.

Added 3D view capability, improved checkout button visibility with color changes and price display, and adjusted furniture browsing layout to indicate scrollable content.

Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2
Dev Empty State 2

Final Prototypes

Incorporated all critical user feedback with improved task completion rates across all main pages.

Created choice between style quiz or direct browsing with natural progression through application sections.

Created choice between style quiz or direct browsing with natural progression through application sections.

Created choice between style quiz or direct browsing with natural progression through application sections.

Implemented dual filtering system with prominent price controls and improved visual hierarchy.

Implemented dual filtering system with prominent price controls and improved visual hierarchy.

Implemented dual filtering system with prominent price controls and improved visual hierarchy.

Added expanded checkout button showing total price and dedicated visualization options for enhanced room preview capabilities.

Added expanded checkout button showing total price and dedicated visualization options for enhanced room preview capabilities.

Added expanded checkout button showing total price and dedicated visualization options for enhanced room preview capabilities.

Persona Ally - Early Career Professional
Persona Ally - Early Career Professional

Last Thoughts and Next Steps

Icon Impacts & Results

Impacts & Results

  • Successful user testing with 5 diverse participants provided comprehensive feedback.

  • Positive reception of core features like mood boards and budget filtering.

  • Users found the interface professional and trustworthy.

  • Strong validation of the app's value proposition for young renters.

Icon Lessons Learned

Lessons Learned

  • Clear pricing information is crucial for target audience.

  • Users strongly desire both 2D and 3D visualization options.

  • Customization features are highly valued by users.

  • Continue personalizing early on experience to prevent choice overload.

Icon Future Opportunities

Future Opportunities

  • Implement AR visualization features.

  • Add style quiz for a greater personalized experience and recommendations.

  • Develop more robust filtering options.

  • Create interactive room layout tools.

Icon Personal Growth

Personal Growth

  • First time designing an e-commerce platform.

  • Learned key lessons about pricing and product displays.

  • Developed skills to quickly prototype iterations based on feedback.

  • Increased ability to recognize and synthesize patterns.