4 Mins Read

Driving Millions in Revenue:
A B2B VR Home Staging Web App Solution

Focus 360

Launch

Dec
2021

Timeline

Jan - May
2021

Deliverables

Moodboard
RWD Web App
Design System
Hi-Fidelity Mocks
Custom Icon Design
Interactive Prototypes

Tools

Zeplin
illustrator
Adobe XD

Metadata

Launch

Dec 2021

Timeline

Jan - May 2021

Tools

Zeplin
illustrator
Adobe XD

Deliverables

Moodboard
RWD Web App
Design System
Hi-Fidelity Mocks
Custom Icon Design
Interactive Prototypes

Overview

Say Hello to the New NEXT DESIGNER

As the Project Lead Freelance Designer, I was engaged by the Technical PM at Focus 360 to redesign their VR home staging web app, Next Designer. This virtual model home platform provides homebuyers with an immersive preview of their future homes while enabling homebuilders to accelerate sales.

My Role

Project Lead Designer

I delivered the project from scoping to handoff, aligning timelines and providing the Product and Engineering teams with detailed design documentation. I independently created key deliverables, including a Moodboard, a redesigned responsive Next Designer web app, a custom-built design system, hi-fi mocks, a set of 21 custom icons for their interior design rendering platform, and interactive prototypes.

About Focus 360

Meet the Client

Focus 360 is an award-winning virtual reality model home software company that is based in Southern California. Their specialty lies in architectural renderings and virtual tours of model houses. When it comes to crafting virtual spaces, they don’t just build homes—they build experiences.

Goals & Challenges

Goals and Challenges

Create a minimalistic and responsive interface for the web app that allows home buyers to explore massive design options and features without sacrificing the view of the model rooms.

The new UI is designed to use glassmorphism to achieve a more clear, and translucent interfaces with visual contrast, hierarchy and usability.

This B2B and B2C web app requires a customizable, flexible UI to support both residential and commercial goals.

Projected users will exceed millions across the commercial, hospitality, and residential builder markets in the U.S.

Certain design processes and data have been purposefully excluded in compliance with NDAs to safeguard the confidentiality of both the company and its clients.

Impact

Revenue Growth

Over Millions

Client estimated revenue and users for homebuyers and homebuilders will exceed millions after the new web app launch.

Design Process

Design in Sync

Align
Expectation

Audit the UX of the existing wireframe
Define and discuss the MVP
Align project scope, timeline, and handoff

User Research

Analyze user interview results
Competitor analysis
UI pattern research
Define user flow

Rapid Prototyping

Create interactive prototypes conduct usability testing
Provide prototype videos for user flow review

Feedback Loop

Establish a regular feedback loop with the PM and Engineering to ensure feasibility and accessibility

Newly Defined User Flow

From Welcome Screen to Main Design Panel

Result

Three Clicks, Your Dream Kitchen Appears

The design minimizes the interface while ensuring clear visual contrast and hierarchy, guiding homebuyers to easily create their ideal homes.

Understand Users

Responsive Design: Flow from Zero to One

User data showed that target users primarily use desktops and mobiles for model home design, so the deliverables included responsive designs for both platforms.

Understand Users

Custom Icon Sets

During prototyping, I identified the need for custom icons, starting with a few sketches that evolved into a complete icon set.

Testimony

Appreciation from Focus 360

Steve Ormonde, Focus 360 President & Founder

I’ve been fortunate enough to working with some great designers over the years and Rosie is certainly one of them. She approaches each project with enthusiasm, communicates extraordinarily well during the process and delivers a terrific design each time. I would highly recommend her to anyone looking for a reliable, professional designer!

Paul Cardis, Focus 360 Technical Project Manager

Rosie helped our company tremendously in the development of UI/UX for a critical client application that was both web based and mobile responsive. I highly recommend her and already have recommended her for more projects!

Takeaways

Key Learnings

Custom Icons

What started as a request for a couple of custom icons, like a stove and cabinet, quickly grew into a full design project after the client loved the initial work. Despite it being my first time creating custom icons, the competitor analysis I conducted inspired the aesthetics, and the project evolved far beyond expectations. With a focus on supporting the client’s vision and passion for owning their icon set, I delivered a complete set that went live—strengthening the client relationship and expanding my design skills in ways I hadn’t anticipated.

Product Promotion

Ready to Elevate Your Sales?

Partner with Focus 360

Inspired by this case study? Don’t miss out! Discover the potential of Next Designer by visiting their website and unlocking new opportunities for your homebuyers and homebuilders.

Visit Focus 360

Driving Millions in Revenue:
A B2B VR Home Staging Web App Solution