All work
Live Website·2026

Sanderson Landscape Planner.

A purpose-built planning tool for a New Zealand landscape design studio — turning a complex multi-villa master plan into an editable, shareable, exportable workspace.

Overview

Sanderson Landscape Planner is an internal CAD application designed for a working landscape design business. The platform takes the original architectural master plan (delivered as DXF + PDF) and turns it into a precise, interactive canvas where the team can draw individual villa landscape layouts directly on top of the architectural linework. It supports per-villa boundary drawing, layered linework, plant placement, design rules, PDF export, and a shared Supabase-backed project state so multiple plans can be reviewed and edited across sessions. Built with Next.js, React-Konva, and a custom DXF-to-SVG pipeline so the studio works with the same precision as their CAD software but with the speed of a browser.

What I did
/01

Web Design

Designed a focused, calm working canvas for landscape designers — minimal chrome, premium dark UI, clear master plan visualisation, and right-side panels that surface villa management, rules, and references without cluttering the canvas.

/02

Web Development

Built the full Next.js app with React-Konva for the high-performance canvas, a custom DXF-to-SVG conversion pipeline (server-side), Supabase-backed shared project state, and PDF export for delivering plans to the client team.

/03

CAD Tooling

Implemented per-villa boundary drawing, layered linework, snap-to-grid editing, navigation controls, and re-rendering at higher resolution when zoomed in — purpose-built for the workflow of a landscape design studio.

/04

Data Engineering

Wrote the master plan ingest pipeline that takes the original DXF + PDF deliverables, normalises them into editable SVG linework, and persists boundaries, layouts, and per-villa state to Supabase for cross-session continuity.