House View・A Creative Kitchen Design Software for Professionals

Industry

Interior Design

Target Users

Interior Designer

Project Type

B2B, Launched service

Product Design

My Role

UI/UX Designer

Duration

Dec 2022- Jul 2024

My Contribution

UX Research / Ul Design / Protoyping

Tools

Figma

Team

PM, Front-End Developer, CEO

Overview

Overview

HouseView is a virtual kitchen system that lets customers explore realistic 3D renderings and instantly switch materials, colors, and finishes from any device. It simplifies the selection process, reduces designers’ workload, and accelerates sales.

In this project, I designed UX and UI for a kitchen design software specifically for interior designers and professionals from 0 to 1 within a year for a start-up company.

My Contribution

My Contribution

  • Lead the project kick-off interview and brainstorming

  • Assist in defining product framework

  • Build wireframe, mockup from 0 to 1

  • Rapid iteration to refine the features create a smooth user experience

Project Background

Project Timeline

Q1 2023

πŸ—οΈ User Research & Concept Validation

Delivered proof-of-concept (POC) version Established product and branding guidelines

Q1 2023

πŸ—οΈ User Research & Concept Validation

Delivered proof-of-concept (POC) version Established product and branding guidelines

Q2 2023

πŸ“ Early Design & Web Presence

Launched the official company website Completed Mockup first Version

Q2 2023

πŸ“ Early Design & Web Presence

Launched the official company website Completed Mockup first Version

Q3–Q4 2023

πŸŽ‰ Development & Launch

Internal and external user testing for validation Released Product fisrt Version

Q3–Q4 2023

πŸŽ‰ Development & Launch

Internal and external user testing for validation Released Product fisrt Version

Q1 2024

πŸ’ͺ Growth & Feature Expansion

Began rollout of new features based on user feedback and roadmap priorities

Q1 2024

πŸ’ͺ Growth & Feature Expansion

Began rollout of new features based on user feedback and roadmap priorities

Why we build it?

πŸ“š The Sample Book Struggle

When renovating a kitchen, people often rely on interior designers for style guidance on elements like countertops, cabinet doors, and drawer handles. Traditionally, decisions were made using physical sample books, a process that is both time-consuming and lacks visual clarity.

When renovating a kitchen, people often rely on interior designers for style guidance on elements like countertops, cabinet doors, and drawer handles. Traditionally, decisions were made using physical sample books, a process that is both time-consuming and lacks visual clarity.

πŸ’‘See Your Kitchen Before It’s Built

House View is a web-based design platform that bridges the gap between abstract floor plans and the final vision, offering interior designers and their clients realistic 3D visualizations with dynamic color and style customization.

House View is a web-based design platform that bridges the gap between abstract floor plans and the final vision, offering interior designers and their clients realistic 3D visualizations with dynamic color and style customization.

Business Goal

House View aims to streamline the kitchen design process by bridging communication gaps between homeowners, designers, and installers. Through real-time 3D visualization and easy customization, the platform reduces design errors, speeds up decision-making, and improves project efficiency. It not only enhances collaboration but also lays the foundation for future expansion into broader interior design solutions.

Target Users & Pain Points

Interior Designers

  • High cost and time required to create realistic 3D visuals using CAD tools

  • Inefficient communication and misunderstandings with clients about materials and design options

Home Owner / Customer

  • Difficulty visualizing designs from 2D blueprints

  • Lack of understanding of material properties (e.g., laminate, wood, lacquer finishes)

Kitchen Installation Companies

  • Lack of clear, finalized design visuals often leads to errors or rework during installation

  • Misalignment between designers, clients, and installers causes delays and material waste

Discover & Define

Expert Consultation & User Interview

Collecting ideas, discover possibility and quick wireframe.

Interview Focus: Understand workflows, frustrations, and platform preferences of interior designers.

Key Insights:

  • Clients value visualization tools for decision-making.

  • Difficulty in explaining technical details to clients.

  • Existing tools lack integration of 3D modeling and material preview.

Competitive Analysis

Competitor's Strengths:

  • Transparent Pricing: Clear costs for all components and services.

  • Comprehensive Showrooms: Allows users to interact with and customize components.

Opportunities for HouseView:

  • Address limitations in IKEA’s customization depth by offering highly detailed material and dimension controls.

  • Integrate advanced rendering for better visual realism.

Move Fast / POC

Creating POC Mockup for gathering professional feedback

  • Draw Floor Plan

  • Customize Kitchen Style

  • Hand off and Share Project

  • Edit and View in 2D & 3D Mode

User Flow

Created wireframes of key screens to speed up feedback loop and discussion.

Click images to see more details. πŸ‘€

Develop & Deliver

Wireframes

Created wireframes of key screens to speed up feedback loop and discussion.

Defined Visual Language

The core design principle here is a minimal, distraction-free interface that promotes clarity and focus. This approach also allows for scalability, ensuring the design can grow with future features.

UI Style

For the designer view, the focus is on scalability and efficiency, using clear visual aids for smoother onboarding. The customer view prioritizes real-time previews and color-switching with a simplified layout.

Logo Design

Developed multiple concepts for CEO review. The chosen design merges the letter H with an eye icon, symbolizing how HouseView helps users see their dream home.

Typography

System sans-serif fonts ensure readability and consistency across all platforms.

Color Strategy

I chose a cool-toned, low-saturation palette to build a sense of trust and professionalism. Brighter accent colors are used to highlight interactive elements. This strategy is tailored to appeal to modern female homeowners (ages 20–40)while remaining clear for professional users.

User Testing

After building the first version, I invited interior designer to do user testing

Final Design

Outcomes and Key Achievements

We showcased the product at the International Architecture Design Expo, where it received enthusiastic feedback from industry professionals. Many interior designers expressed strong interest and encouraged us to expand the platform beyond kitchens to support a wider range of interior design scenarios.

Takeaway &
What I have Learn

Takeaway &
What I have Learn

Takeaway &
What I have Learn

✦ This project taught me how to thrive in a fully remote environment.

By establishing a system for recording meeting notes and design decisions early on, I ensured the entire team had a single source of truth which prevented miscommunication and kept our workflow efficient. I also discovered the importance of proactively using collaboration tools to bridge the physical distance between team members.

✦ I learned the crucial role of subject matter experts in a design process.

The project's success was deeply tied to understanding a niche field. This required me to move beyond traditional user interviews and work closely with field experts. I learned how to structure conversations to extract deep-seated knowledge, translate complex technical information into design requirements, and advocate for user needs while respecting the experts' insights. This collaboration was key to building a solution that was not only usable but also credible and effective.

Thanks for reading! πŸ˜ŠπŸ™

Thanks for reading! πŸ˜ŠπŸ™

Thanks for reading! πŸ˜ŠπŸ™

Create a free website with Framer, the website builder loved by startups, designers and agencies.