Four Phases: a cycle tracker built for men
Four Phases is a product we built and run. Put in two numbers and it tells a partner which phase she is in each day and what to do about it.
Four Phases home page, Product, Consumer app
What we built
The parts of the work you can see on the live site, and the parts behind it.
Web and iPhone from one codebase
The same app runs on the web and ships to the App Store as a native iPhone build.
Daily AI coach
A short message each day, written by Claude for the phase she is in.
Accounts and sync
Sign-in, saved data and a link that lets her share her side with his app.
Phase guides
Public pages explaining each of the four phases, plus an affiliate program.
Stack
- Next.js 16
- Tailwind CSS v4
- Supabase
- Claude
- Capacitor
- Vercel
Services behind this build
What each part of the work is called on our side, if you want the same for your business.
Custom AI Development
Bespoke AI Solutions Built for Your Unique Challenges.
View service →High-End Web Design
Premium Web Experiences That Convert Visitors Into Customers.
View service →Our prices are published: see pricing or everything we offer on one page. Comparing agencies? Start with seven questions to ask before you hire.
Want a system like this?
Book a free discovery call. We will tell you what we would build and what it would take, whether or not you hire us.
Book a Free Discovery Call