Hi! I’m SimonSenior Product Designer

Garden Gnome · Personal project

A garden planner I designed and built, and use daily

The Garden Gnome yard canvas, showing a back yard drawn to scale with garden beds, lawn and plants

A user can sketch their yard to scale, track every plant, and tasks move around the weather forecast.

RoleDesigner and developer
TimelineSince March 2026
PlatformPWA, on any device

Problem

I wanted to design the layout and placement of plants in my garden, but none of the apps I tried gave me the right amount of precision.

I was also managing tasks in my calendar but it wasn’t flexible enough.

Solution

A yard you draw, with plants positioned and care schedules attached to each one. Tasks read the weather forecast. Claude can read and write the same data.

The yard

A sketch, not an architectural drawing

Nodes snap to 10 cm, and a typed length overrides any edge. No curves keeps the drawing experience simple.

Editing a yard shape, with edge lengths that can be typed in
Editing a shape: nodes snap to 10 cm, and a typed edge length overrides.
The plant picker, placing a plant into a garden bed
Placing a plant from the catalogue.

Care

Tasks that read the forecast

When 18 mm of rain is due on watering day, it offers to move the task.

The same care view in dark mode
Dark mode.

Calendar

Week or month, with the weather in view

The task calendar in week view, with daily forecast and weather suggestions
Week view.
The task calendar in month view
Month view.

Data

Catalogue and supplies

Each plant points at a catalogue entry that holds its care schedule and weather tolerance. Supplies feed those schedules.

The plant catalogue, showing care schedule and weather tolerance for lemon myrtle
Plant catalogue.
The supplies screen, showing stock levels and which care schedules use a fertiliser
Supplies.

Mobile

One product, two shapes

The same data, laid out for a phone in the garden.

Mobile plants list
Mobile plant detail
Mobile task list
Mobile plant observations
Mobile plant catalogue
Mobile supplies

Scope

What I chose to leave out

Rectangles and circles came first, then polygons, snapping and cloud accounts. Undo arrived with the polygon yard editor in July 2026. A plant encyclopedia, a zoomable canvas and fully weather-driven schedules stayed out of scope.

Claude as a data source

An MCP server for the same data

Claude can read and write plants, tasks, supplies and observations, with the same security rules as the app.

Constraint

Working inside a usage cap

A weekly token limit means constantly trading new features against bugs and UX. I build the core loop first and polish after.

Next case study Design FactoryExplore more of my work.