Work / Web App / Flowtrack

SaaS · Live · Vercel · 2026

Flowtrack.

Gym membership management that keeps front desk, members, and revenue in one flow.

Flowtrack is production software for running a fitness business: dashboards for revenue and attendance, a member directory with lifecycle context, staff check-in tools, personalised QR codes, and renewal workflows. I built and deployed it with Cursor, shipped on Vercel, and iterated quickly from real gym operations needs. Live site: flowtrack.com.ng

Flowtrack isometric F logo mark Brand mark
Flow Track marketing site hero Marketing
Flowtrack dashboard overview UI Dashboard
Project
Gym SaaS
Deploy
Vercel
Build
Cursor
Year
2026
Member directory
Check-in QR
Renewal alerts
Email flows
Dashboard KPIs
Vercel deploy
Cursor build
flowtrack.com.ng
Member directory
Check-in QR
Renewal alerts
Email flows
Dashboard KPIs
Vercel deploy
Cursor build
flowtrack.com.ng

Product · Live · flowtrack.com.ng

Operations,
under control.

Flowtrack is built for staff who need clarity — who is active, who needs follow-up, and what revenue looks like this month.

The app connects marketing, check-in, and member records so teams can run renewals and front-desk workflows without juggling spreadsheets. Screens emphasise contrast: lime for primary actions, gold for guidance, and calm navy surfaces for dense tables.

Shipping on Vercel kept deploys fast while features evolved. Development in Cursor made it practical to iterate on full-stack behaviour alongside UI refinements.

Live
production deploy on flowtrack.com.ng
3
core loops — dashboard, members, check-in
QR
personalised check-in codes for members
1
unified admin surface for gym operators

Product pillars

Four flows.
One product.

Flowtrack is structured around job-to-be-done workflows for gym staff — fast scanning UI, trustworthy tables, and alerts that reduce churn.

01 / Dashboard

KPIs &
visibility

Overview metrics for attendance, revenue cues, and quick actions so owners and desk staff can read the health of the business at a glance.

KPIs Trends Shortcuts
02 / Members

Directory
& lifecycle

Searchable roster with status, billing cues, and visit history — built to support follow-ups before memberships lapse.

Table UI Status History
03 / Check-in

QR &
presence

QR workflows for staff-assisted check-in with export paths — meet members where they are without friction.

QR Export Identity
04 / Comms

Renewals
& mail

Targeted email scenarios for expiring members and operational alerts — fewer surprises, clearer ownership.

Segments Templates Ops

Visual language

Mark. Palette.
Typography.

01 — The Mark

Ribbon “F” with
forward motion.

The Flowtrack mark reads as a folded ribbon in isometric perspective — engineered, precise, and a little kinetic. It pairs with a clean wordmark on the marketing site and shrinks cleanly for favicons.

Flowtrack isometric F logo
02 — The Palette

Navy shell,
lime action.

Dark navy holds dense dashboards; lime signals do-this-now actions; gold highlights guidance. A soft alert tone supports renewal urgency without shouting.

#A3E635
#0B1120
#1E293B
#C9A84C
#EDE8E0
#F87171
#111827
#65A30D
03 — Typography

Editorial &
functional.

Cormorant carries hero moments on the portfolio; inside Flowtrack the UI leans on a crisp grotesque rhythm for tables and navigation.

Flowtrack.
Display · Serif
Dashboard · Member row
Interface · Sans
FT — MEMBER ID · STATUS · PLAN
Data · Mono

Shipped UI

In the
wild.

Real screenshots from the live product — marketing, feature highlights, and dense admin views.

Flow Track marketing website hero
Marketing flowtrack.com.ng
Flowtrack email and QR feature highlights
Features Mail & QR flows
Flowtrack member directory table UI
Members Directory & status

Implementation

The stack
powering it.

Shipping quickly on Vercel, with Cursor as the day-to-day implementation partner for full-stack iteration.

01 / Deploy

Vercel
hosting

Production deploys with fast rollouts, stable preview-style iteration, and HTTPS out of the box on the live domain.

DeployEdge-readyLive site
02 / Build

Cursor
workflow

Feature work iterated in Cursor — UI polish, routing, and behavioural fixes without losing momentum.

CursorIterationDX
03 / Web

Modern
app surface

A browser-first admin experience optimised for dense data views, keyboard-friendly tables, and fast navigation patterns.

SPA patternsAdmin UIAuth flows
04 / Ops

Product
thinking

Ground-up feature planning around gym staff realities: renewals, attendance, communication loops, and trust in the numbers.

WorkflowsAlertsRetention

Explore the
live product.

Open the production app on flowtrack.com.ng, or reach out if you are building a similar operations-heavy SaaS surface.