81-Screen Interactive Prototype for a Commercial Real Estate Inspection Platform
$22.5K
Contract Value
81
Interactive Screens
Beat $95K
Competing Quote
Architected and prototyped a commercial real estate inspection platform for CapVerus, a company serving Freddie Mac, Fannie Mae, and FHA/HUD lenders. Delivered a fully interactive 81-screen React prototype deployed to Vercel — covering three distinct surfaces (Inspector Mobile, Inspector Web, and Admin QC) — for $22.5K. The competing engineering firm quoted $95K and 6 months. The client used this prototype to demo directly to lenders.
The Challenge
Jen Kairuz, CEO of CapVerus Inspections, needed to show Freddie Mac lenders what her platform would look like and how it would work — before building the real thing. Her product had two complex workflow paths (Origination/Underwriting and Servicing), three user roles across three surfaces, and had to map to MBA standard inspection forms that lenders already use.
The competing engineering firm quoted $95K and a 6-month timeline to build an MVP. Jen didn't have that budget or that timeline. She needed something investors and lenders could interact with — not a slide deck, not a static Figma file — something that felt real.
What I Delivered
- 81-screen interactive React prototype deployed to Vercel (password-protected for lender demos)
- Complete data architecture: inspection schemas mapping raw MBA Excel forms to structured JSON
- Role and permission matrix for three user types (Inspector, Admin QC, Client)
- Notification logic and certification integration spec
- Full Figma design system generated via a custom HTML-to-Figma pipeline
- Component gallery with 25 documented sections
- 997-line CLAUDE.md specification file governing the entire build
- 8 bonus deliverables shipped beyond contract scope (loading skeletons, settings, conflict resolution UX, repairs verification flow)
The AI Workflow
Built the entire 81-screen prototype using Claude Code across 10 structured prompt phases. Each phase had explicit scope boundaries, a "DO NOT TOUCH" list, and a verification checklist. Converted the React output to Figma layers using the Html2Design plugin — the prototype was architectured specifically for this pipeline (max 5 DOM nesting levels, data-name attributes for Figma layer naming, no CSS Grid, no pseudo-elements).
The React prototype is not the product — production will be native Swift. This "prototype as rendering vehicle for a design pipeline" approach delivered 81 interactive screens that look hand-designed in Figma while being AI-generated code. Total build time: 2 weeks for 81 screens.
“The prototype looks FANTASTIC!! Love it.”