Skip to content
SYS–06Case studyConcept · High-fidelity prototype

Wise & Wealthy

Concept and high-fidelity prototype of Wise & Wealthy, an AI-powered personal financial coach that democratises financial literacy for 18–35 year-olds who aren't comfortable with finance. The product is grounded in a full business model (12 pages: market study, Business Model Canvas, competitive analysis of YNAB/Rocket Money/Wealthsimple, MVP, KPIs) and a discovery PRD, and is positioned as the opposite of trading apps: education, plain-language guidance and coaching rather than speculation. The mobile mockup spans around twenty screens and states — guided onboarding, dashboard (income, expenses, savings, a "clarity streak", daily action), conversational "Wiz" assistant, budget and budget setup, savings goals, mini-lessons + flashcards + exercises, simplified financial news, notifications, profile, privacy and a freemium paywall. A reassuring, non-intimidating identity (Wiz mascot, calming greens, Bricolage Grotesque + Plus Jakarta Sans), bilingual FR/EN, light/dark theme. More than a single app, it's a small suite: the adult app; "Mes finances", an advanced tracking surface (Transactions, Planned vs actual, Cashflow, Subscriptions, Debts, bank/CSV import) embodying the premium tier; "Wise & Wealthy Kids", a playful variant for children (piggy bank, coins, stars, milestones); "Family Space", a parent area with a 4-digit PIN and child profiles; and Wiz, the reusable mascot (6 moods) that unifies it all. A deliberate stance: financial education, not regulated advice — built around trust and data protection (Loi 25).

Role
Designer & developer
Team
3 co-founders
Stack
Next.js · TypeScript · AI
Status
In development
01

Context

Sao Saint-Vil and Mathis Labonté had a vision for accessible financial coaching; I was the technical arm, from brief to implementation.

  • AI-assisted financial coaching, for a francophone audience
  • Bilingual design system, light and dark themes
  • Technical target: Next.js + TypeScript
02

My contribution

Translating a product idea into a system: components, tokens, page structure, then implementation.

  • Full design system before the first page
  • Next.js App Router architecture
  • Decisions explained to non-technical co-founders
03

Co-founder feedback

The result, in their words: a platform true to their vision, delivered on time.

2
co-founder testimonials
2
languages · 2 themes
100%
deadlines met

The suite

Wise & Wealthy Kids — playful app for children
Family Space — parent lock (Face ID / PIN code)