FormAI Web
The marketing site for FormAI — dark, cinematic, and shipped in five days.
The short version
Its own audit scored the first version 6.2 out of 10 and the findings became the roadmap. The score is in the repository.
Live on Vercel, verified returning HTTP 200.
How FormAI Web works
A six-page Turkish-language product site for FormAI, built to mirror the coaching identity of the app rather than to look like a generic SaaS template. Statically rendered, animated, and deployed on Vercel.
The problem
An app whose entire premise is a camera watching you move cannot be sold with stock photography and three feature bullets. The site has to demonstrate the thing.
The architecture
Next.js App Router with a page per product pillar — training, nutrition, progress, support, conversion — each with its own generated Open Graph image. MediaPipe ships on the page so the pose overlay is the real detector rather than a video of one.
The interesting decision
The interesting part is not the stack, it is the process: a written audit scored version one at 6.2/10 against explicit criteria, and the seven-phase evolution plan that followed is derived from those findings rather than from taste.
What it does now
Eighty-eight source files across ten routes, with security and long-cache headers declared in configuration rather than assumed, and the audit and phase reports kept in the repository.
Worth knowing
- Six pages in Turkish, each with its own generated Open Graph image.
- A written audit with a numeric score, kept in the repository, driving a phased rewrite.
- MediaPipe on the page so the pose demonstration is the real detector, not a recording of one.
- Security headers and cache policy declared in `vercel.json` rather than left to defaults.