Two clickable mockups
A faith-centered, family-friendly community recreation center — designed as one product with two faces. Both are built on the OCC design system (charcoal + red, Anton + Montserrat), with 17px body type and large tap targets for a wide audience. Open either and click through.
The website
The front door. Warm hero with Book now and Become a member, a tap-to-reserve grid, and a live booking flow that ends in a confirmed reservation.
Open websiteThe PWA
The member app in a phone frame: book a court in three steps, view My Bookings, and pull up a high-contrast QR check-in. Bottom tab bar fully navigable.
Open app
Tip: open these over a local server for full fidelity (PWA install + service worker) —
e.g. npx serve in this folder, then visit /index.html.
Opening the files directly also works for clicking through the designs.