End-to-End Product Design for Immersive Property Engagement
Designing a high-converting, interactive sales app for agents and buyers—before the property exists.
The Mission
To enable off-the-plan real estate sales through a sleek, responsive app that showcased 3D renders, allowed virtual tours, and guided users from exploration to expression of interest—all while supporting real-time agent collaboration and analytics.
Client
Confidential (Property Developer)
This app was developed as a white-label product for a major developer with future scalability in mind across multiple projects.
My Roles
Lead Product Designer / UX / Figma Prototyping
(via Hydra Digital Agency)
- Created interactive prototypes and animations in Figma
- Led UX and product vision in Agile sprints
- Collaborated with global development teams
- Presented features to senior stakeholders
Challenges
The product needed to handle high-resolution 3D assets, enable virtual tours, and allow agents to manage leads with real-time insights. It also had to support both public-facing and secured authenticated views, be mobile-optimized for portrait and landscape, and include contract-ready CTAs.
- Responsive layout for landscape/portrait views
- Balancing performance with media-heavy content
- Agent dashboard & lead tracking with live insights
- Secure public/private state views with authentication
- Scalable white-label structure for future builds
Approach
Discovery
Workshops and competitor audits informed the MVP roadmap and UX priorities.
Design
Created a polished prototype with animation and interaction layers in Figma.
Testing
Conducted feedback loops with devs and stakeholders in each sprint.
Delivery
Specs, style guides, and handoff assets supplied for dev. Collaborated daily via Slack and Jira.
Design Thinking
Our approach was grounded in immersive prototyping and behavioral UX research. One of the key challenges was ensuring that rich 3D renders and animations played seamlessly across devices without degrading visual quality or user control.
We looked to best-in-class media experiences—particularly platforms like Netflix—to determine how to elegantly present video and render content. One standout strategy involved training users to instinctively rotate their phones into landscape mode when viewing certain content.
Rather than overexplaining or prompting with modals, we embraced the idea of direct landscape jump triggers, mirroring familiar behaviors from popular streaming apps. This reduced friction and made the orientation shift feel natural, consistent, and expected across the platform.
Impact
The result is a highly polished app that supports real-time collaboration, lead tracking, and property discovery. Agents can guide users through virtual floorplans and 3D renders while tracking activity, interest, and conversions.
- Streamlined buyer journeys from interest to contract
- Agent visibility into every buyer interaction
- Fast performance despite heavy visual assets
- Brand-adaptable white-label architecture
+40%
Increase in agent
follow-up speed
High
Client and agent
satisfaction
Zero
Dropout at
contract step
10+
White-labeled
for multiple projects
How I Worked
I led the product design effort across a multi-timezone team. Each sprint included close coordination with developers, product owners, and marketing stakeholders to align the technical feasibility, visual fidelity, and business objectives.
I created interactive, annotated Figma prototypes with animated transitions, responsive states, and branded components. These assets became the single source of truth across teams and were presented regularly to major stakeholders.
Daily check-ins and sprint planning were conducted via Slack and Jira, with continuous iteration based on internal QA feedback and agent testing. Special attention was given to accessibility, landscape support, and data privacy across authenticated and public views.
Tools & Stack
Final Takeaway
This project brought together UX craft, business alignment, and tech feasibility to launch a premium property sales experience. Building for real estate meant balancing emotion and data—and this app delivered both. The fact it could be re-skinned and reused for other developments was a win for the client’s long-term roadmap.
Featured Projects
UI-Driven Reform of Salesforce VMC Procurement Platform
Corporate | UX Audit + Salesforce Implementation
Led a UX overhaul and Salesforce integration to streamline procurement for the Industry Capability Network.
Automating Document Capture for B2B Engagements
Corporate | Product Design + Sharefile / Auth0 Integration
Designed an intuitive interface that simplifies RFI collection within MyPitcher’s client portal, improving B2B onboarding.
End-to-End Product Design for Immersive Property Engagement
Real Estate | UX Product Design + Figma Prototyping
Created a lead-to-sales platform for StellaTech to showcase new Gold Coast developments with high-impact interactivity.
BP Fuel Card – Streamlining the Application Journey
B2C | UI Implementation + EDMs
Delivered a simplified online application flow and supporting EDMs to increase BP fuel card conversions.
Separation, Simplified - Intuitive Legal Service Design
Legal | UX Audit + Strategic Recommendations
Defined a human-centered journey for Div-ide’s legal platform to support users during separation with clarity and care.
Drupal Done Right: Campaign Pages for Leading Medical Collective
Health | Product Design | Conversion Rate Optimisation
Reimagined campaign flows and optimised Drupal for Melbourne Genomics to boost engagement in key medical programs.
Building Better Foundations Online: TCON’s Headless Site Strategy
Construction | SSG Hugo + Netlify | Figma Design
Designed and delivered a high-performance headless website for TCON, highlighting key construction projects.
Visual Brand Guide & Lightning-Fast CloudCannon CMS Build
IT | Brand Style Guide | Astro + CloudCannon CMS Delivery
Crafted a modern brand guide and built a CMS-powered site for DigiRen, enabling quick updates and a sleek digital presence.
Launching My Own Template Marketplace, Built From Scratch
StartUp | Founder | Ecommerce for Digital Assets
Created and launched Content Flame, a fully custom template store leveraging PayHip for digital product sales.
Where Data Meets Empathy: Reframing UX for MedTech Innovator
Health | Brand Strategy | Wordpress Implementation
Delivered a refined brand identity and website for Genomical, balancing data-driven insights with human storytelling.
Enterprise File Sharing UX for Top-Tier Legal Firm
Legal | Sharefile + Auth0 | Laravel | Product Design
Designed a secure and intuitive document management system for Maddocks to support complex legal workflows.
Designing First Impressions - Touch Kiosk for Bastow’s Learning Space
Education | Touchscreen + Interaction
Created an interactive foyer experience using a large touchscreen to reflect Bastow’s commitment to innovation in learning.
Turning Insights into Impact via Drupal Mobile Engagement
Corporate | Data Insights Blog for Pitcher
Developed a mobile-first Drupal blog platform for Vantage, enabling access to expert insights for business subscribers.
Optimising Investor Journeys From Application to Approval
Fund Managers | Style Engine | Application Wizard, Lookups + Validation
Built a streamlined application system for Mainstream BPO, trusted by firms like Macquarie and Magellan.
Inaugural Government Website for Victoria’s First Fire Services Commissioner
Government | Brand Launch Strategy | Design & CMS
Delivered the Fire Services Commissioner’s first digital presence, aligning with public trust and government standards.
Supercharging CRO with Landing Page Precision for Ecom Growth
Wellness | Ecommerce | Brand Journey + Landing Page Capture
Concepted and designed high-conversion landing pages for Battered Brilliance to maximise eCommerce performance.
Digital Backbone: 3 Years Supporting Melbourne Water’s Asset Suite
Supporting 12 digital Assets | Graphics + Codebase
Provided long-term UX, UI and development support across Melbourne Water’s major public-facing digital assets.