← All projectsCase study
The Lawn
Booking, payment & job tracking for landscapers.
- Role
- Product design · Full stack
- Year
- 2026
- Platform
- Web app
- Stack
- Next.js · TypeScript · Supabase · Billplz
Overview
The problem
A landscaping business ran bookings, quotations and job updates over WhatsApp — customers couldn’t see progress and payments were chased by hand.
The idea
A single platform where customers book and pay online, vendors run their jobs, and every visit ends with a photo report.
MVP built with customer, vendor, operator and admin roles.
What I did
Design
- 01Booking wizard that turns service type, size and location into a quote
- 02Customer overview built around the next action
- 03Vendor and operator dashboards for daily jobs
- 04Before/after photo reports that build trust
Engineering
- 01Next.js App Router with TypeScript, Tailwind and shadcn/ui
- 02Supabase Postgres, Auth, Storage and Realtime
- 03Billplz payments and Resend transactional email
- 04Sentry monitoring and Playwright end-to-end tests
How it works
Screens
Under the hood
Next.js
App Router · shadcn/ui
Supabase
Postgres · Auth · Realtime
Storage
Photo reports
Billplz
Online payments
Resend
4 roles
Customer, vendor, operator, admin
Realtime
Live job status updates
Billplz
Online payment and receipts
E2E
Playwright coverage
