Back to home

Frontend · Apr 2025

Elevate Former

Booking site for a Slow Resistance Training studio. Full feature ownership, client gave complete trust on scope.

Elevate Former cover

Overview

Elevate Former is a Slow Resistance Training (SRT) fitness studio. Through Morfolabs, I built the front end of its landing page and members' booking app: a timetable, class packages, reservations, payment and an account area. The client trusted me with feature decisions, not only structure and layout. Awank Kaley built the backend API, and I put a typed tRPC layer on top of TanStack Query in front of it. I also reviewed the quality of the outsourced admin panel. The logo was by an external designer.

Book, pay, come back

A member browses the timetable, picks a session, buys or uses a package and pays. The booking in progress is kept on the device, so after the payment page they land back on a reservation that carries on where they left it. Reservations can be cancelled or reviewed afterwards, and transactions and the profile sit in the same account.

A booking, start to finish
  1. Browse the timetable

  2. Pick a session

  3. Buy or use a package

  4. Pay on the payment page

  5. Back to the reservation

The booking in progress survives the payment redirect

Phones first

Timetable filters live in the URL, so a filtered view can be shared, sign-in slides up as a sheet on phones, and smooth scrolling switches off on small screens. Halfway through the build I moved all data fetching onto tRPC in a single day, token handling included, so every screen talks to the API the same way.

Screens

Next project

Terbit

Landing site, brand and studio interface for an AI tool that turns articles into on-brand Instagram posts.

Terbit cover