Garden Planner
A browser-based 3D garden design application for arranging, saving and sharing outdoor spaces.
Open Garden Planner- Status
- Active product
- Role
- Product direction, UX/UI, front-end architecture, 3D systems and implementation.
- Core stack
- React · JavaScript · Three.js · WebGL · Vite
- Period
- 2026—now
Product context
Context
Garden Planner turns Zafiro into a focused consumer product: an accessible browser workspace where a garden can be authored in 3D, inspected as a plan, saved locally and published without installing specialist software.
Outcome
An independent browser workspace on Zafiro where people can begin with an empty garden or a starter design, author the 3D scene, inspect the same canonical geometry in a read-only 2D plan, keep local project saves and publish immutable public views with an optional detached edit copy.
Constraint
Make spatial garden design approachable for an individual user without reducing the product to a flat 2D planner or exposing the complexity of a professional CAD tool and its 3D runtime.
Media
Media narrative
Decision ledger
Product decisions
- Keep Garden Planner an independent Zafiro consumer with its own entrypoints, UI and state, without importing Isle Lab workflows.
- Treat Plan Overlay as a read-only 2D view over canonical project geometry, not as a second runtime or a second source of truth.
- Separate the current working draft, saved project slots, immutable publishing and the detached edit-copy flow.
- Store geometry in metres and resolve language and display units at the UI boundary.
- Keep precision in the engine while presenting a deliberately consumer-first workflow rather than a CAD interface.
Engineering trace
Engineering
- Maintaining canonical root-plot geometry and Surface Layers across project state and rendering.
- Keeping the read-only 2D plan and live 3D scene aligned to the same project geometry.
- Serialising, hydrating and publishing project snapshots while preserving a read-only public route.
- Preserving product ownership without depending on Isle Lab-specific workflows or UI.
- Feeding starter designs and authored scenes through the product's world-data and asset pipeline.
Proof ledger
Evidence
The main MVP surfaces have complete public language packs for English, Polish, German, French and Spanish.
Product implementation documentation
The new-project flow includes Empty Garden, Family Garden, Modern Patio Garden and Natural Garden starter designs.
Product implementation documentation
The Current Editor Session is separate from the list of saved projects.
Product implementation documentation
A browser and device can currently hold up to five local saved project slots.
Product implementation documentation
Publishing creates an immutable public project link.
Product implementation documentation
The public project route is read-only and does not persist edits into the published snapshot.
Product implementation documentation
The production Garden Planner route is publicly accessible.
Scope
Limitations
- Saved project slots are currently local to the browser and device rather than cloud-synchronised accounts.
- Plan Overlay is currently a read-only inspection view; authoring remains in the 3D workspace.
- The product is intentionally consumer-first and is not a professional CAD system.
- Region-specific plant packs, locale-aware numeric parsing and share-link locale behaviour remain future work.
Destinations