Case study
Making a longer choice reversible and honest before confirm
Plan Lab
Version 1
Stack
- Next.js
- React
- TypeScript
- Tailwind
- Zod
- TanStack Form
- Drizzle
Summary
A four-step plan, add-on, and review form borrowed Playport’s look so the choice had a setting, while every price stayed fictional and the unfinished draft stayed in the current tab.
Result
Named production was exercised end to end with one price model, Back/forward continuity, and copy that nothing was purchased before, during, and after confirm.
Lesson
Totals need one model, confirm is a continuity break, and branding is not identity.