Interactive Site Plan (ISP) Case Study

Role — UX Designer

Duration — 6 Months

Tools — Sketch, Figma, Workfront

Context

Modernize the home-buying experience by replacing the outdated ISP with more enhanced interactive touch-screen digital tool. The ISP is primarily used in sales centers to showcase available home sites, floor plans, and community amenities in real-time.

The Problem

This job had two parts: the old ISP was outdated and lacked interactivity, filtering, self-guided browsing, and better promotion of Quick Move-In homes. Additionally, digital registration needed improvement as it relied on a printed card next to the screen.

RESEARCH

Key Findings

Listening to the feedback of sales consultants regarding feature enhancements provided valuable insights into their daily challenges and highlighted opportunities for impactful design improvements.

RESEARCH

Target Audience

Sales Consultants: Primarily use the ISP to guide prospective buyers through available home sites, home designs, and community features during sales presentations.

Prospective Homebuyers: Self-starters can independently explore home site details, floor plans, and community amenities via the touch-screen kiosk during busy periods in the sales center.

Old View of ISP

EXPLORATION

Iterations

Design & Development: A flexible, scalable site plan was created to accommodate varying amounts of community data, ranging from small developments to large, multi-phase projects. Real-time data integration was implemented to ensure home availability, pricing, and design options remained consistently up-to-date.

User Experience: The ISP was tailored for both guided sales presentations and independent browsing, with an intuitive interface that made it easy to explore site plans, filter home availabilities, and dive deeper into home design details.

Customization: Each community could feature its own branding and unique assets, such as lifestyle galleries, neighborhood maps, and nearby amenities. This customization enhanced the sense of place while maintaining a consistent user experience across all Toll Brothers communities.

Wireframing Exploration

Getting Feedback

Wireframes were reviewed, resulting in the decision to retain the familiar navigation bar to maintain the sales team's workflow.

Wireframing - refinement

Stess test - collection palettes

Revised wireframe collection iteration

Digital Registration Redesign ( Part Two)

DESIGN

Iterations

Our digital registration form lacked mobile optimization.
When homebuyers visited the sales center, they would scan the QR code to fill out a form for creating an Okta account, but had to scroll horizontally to complete it. The form was originally built on the Salesforce platform using Lightning components.

The Issue - Not Mobile Friendly

How to Solve

Utilizing Figma, I build three options based on lighting ui kit and Toll Brothers internal design system.

Chosen design

Outcome

The current project is in development and is scheduled for quality assurance (QA) testing before its release in early next year.

Next
Next

Redesign of List View