Design prototype and pitch materials for a personal-finance app that reads your personality before it reads your spending. A short Big Five questionnaire produces an OCEAN profile, and every later screen, from the AI companion to the barcode scanner, speaks to that profile rather than to a generic user.
This is a concept build: no backend, no real AI, no auth. Every interaction is local state and mock data, on purpose, so the product could be walked through end to end before anything was engineered.
prototype/: the full clickable prototype in Next.js 16 and Tailwind v4. A desktop sidebar steps through 38 screens rendered inside a phone frame: splash and brand assets, onboarding, the 15-item BFI-2-S questionnaire, the results screen with five trait bars, and the app itself. The splash animation is rendered to MP4 by Remotion from the same React component that draws it in the app, so the marketing asset and the product can never drift apart.expo-app/: the same flow as a React Native app on Expo 54, for handling on a real phone: login, survey, processing, results, tabs.fincore-pitch-deck.pdf: the deck, generated from the prototype's screens by the scripts inprototype/scripts/.docs/: design specs for the later screens, written before they were built.
- Results. Each trait gets a percentile, a plain-English read, a tip, and an estimated yearly cost of leaving that trait unmanaged. The cost line is the hook.
- Faith. A chat companion that cites your own scores when it comments on a purchase.
- Feels Like. Point the camera at a barcode and see what the thing costs you, with a locked "Faith comments" panel as the upgrade prompt.
cd prototype && npm install && npm run dev # http://localhost:3000
cd prototype && npm run studio # Remotion studio for the splash
cd expo-app && npm install && npx expo start # phone app
Prototype complete as a pitch deliverable. Not a product. The wordmark is always FINCORE, in capitals.