JoFolioContact
← All work

Property Visualizer

Explore spaces, choose finishes and save a configuration.

Property platform · Concept demo

Concept illustration of the Property Visualizer on a tablet with finish samples
Concept illustration · Original generated scene

The problem

Static property imagery makes it difficult to understand a space or compare material choices.

Developers need a controlled way to prepare, preview and share a property experience without treating every upload as ready for publication.

The system

Buyers can explore available walkthroughs, photos, video and 3D models, with room navigation and fullscreen viewing.

Editable models connect finish choices to the property configuration. Saved and shared selections preserve the chosen options.

Developer workflows separate drafts, asset preparation, preview, approval and publishing. Generated visualizations are identified separately from original geometry.

My contribution

Designed and implemented the property setup, buyer viewer and publishing workflow.

Built model navigation, configurable materials, selection persistence and shareable configurations.

Integrated optional generated scene delivery while retaining original media, review boundaries and honest reconstruction limits.

Inside the system

A built property platform presented through an original Concept scene. Generated environments are visualizations, not surveyed geometry, property listings or evidence of commercial adoption.

Prepare

Add property information and available media.

Explore

Navigate the space and inspect available views.

Configure

Choose finishes on editable geometry.

Share

Save a configuration or open a property link.

Buyer experience

Walkthroughs, model navigation and available photo/video views.

Configuration

Finish selections, saved state and shareable configurations.

Developer workflow

Private drafts, previews, review and explicit publishing.

How it’s built

Product Designer · Software Engineer · Systems Architect

Interface

Next.js, TypeScript, Responsive UI

Visualization

Three.js, Editable GLB models, Optional generated environments

Platform

Convex, Asset validation, Draft and publishing workflows

Next projectSoplano