The Black Cat Logo

A collection of work by Sydney Hill

In App Reservations @ Passive Investing Cover Image

Case Study

How we completely automated a 24 Hour, unmanned pickleball facility

TLDR

I designed and implemented a digital reservation flow that let users book court time and gain secure, time-boxed access to a fully automated facility. I led UX strategy, prototyping, and frontend development—addressing edge cases like reservation collisions and entry pin management.

In Depth

The Challenge

Create a seamless reservation experience for an unstaffed pickleball facility. All interactions had to be intuitive and mobile-first, supporting flexible user types and complex logic behind the scenes.

The Task

Design a reservation flow that feels effortless for users, while managing court availability, race conditions, time-boxed entry, and membership logic under the hood.

My Contribution

Led design and frontend dev. Wrote Gherkin stories to drive the flow, built atomic components in Figma and Vue, and handled integration with APIs and facility access logic.

Result

Successfully released a polished self-serve booking experience with strong user and stakeholder feedback. System is now core to the product and franchise model.

Tools and Tech Stack

Design
Figma
Frontend
Vue 3,Tailwind,Vite
Backend
Laravel (PHP 8),MySQL
Build Tools
Git,NPM,Node,Composer,Docker
Testing
PHPStan,PHPUnit,Laravel Dusk,Codesniffer,BrowserStack
Workflow
GitTower,PHPStorm,Tinkerwell,Ray,TablePlus,Fish

Process Images

Coming soon.

Browse Others