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
The old ISP was outdated, lacking key features like interactivity, filtering, self-guided browsing, and better promotion of Quick Move-In homes. The digital registration also needed improvement, as it relied on a printed card next to the screen.
RESEARCH
Key Findings
I met with several of our sales consultants to gather feedback for feature improvements. This helped me gain a clearer understanding of the issues and identify key pain points.
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: We designed a flexible, scalable site plan that could handle varying amounts of community data, from small developments to large, multi-phase projects. Real-time data integration ensured that home availability, pricing, and design options were always 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
We presented our wireframes to the stakeholders for feedback. They preferred to keep the navigation similar to the current version to avoid disrupting the sales team's process.
Wireframing - refinement
Stess test - collection palettes
Revised wireframe collection iteration
Digital Registration Redesign
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