All work

Money From the Inside Out

A financial wellbeing app, with a world of its own.

Mobile app Financial wellbeing 2026 Front end complete · Backend planned
Client-approved before-and-after comparison of the original prototype and the React Native front-end redesign

The starting point

My client came to me with a prototype she had built using Claude Code and a clear idea for the app she wanted to bring to the App Store.

My role was to take that starting point into a working React Native application, with the screens, interactions and visual identity developed together.

What I built

My role: Product design, visual identity and React Native front-end development

I designed and built the React Native front end, including integrations, animations and games. The illustrated world gives the app its own setting and connects the experience across its screens.

Alongside the application, I created the brand kit, colour system and graphics. Product design, interface details and visual identity were developed as parts of the same product.

The implementation carries that system into the working app, including the motion and interaction details that static designs cannot show. The selected screens here have been approved by the client for my portfolio.

  • React Native front end
  • Product and interaction design
  • Brand kit, colours and graphics
  • Illustrated app world
  • Animations and games
  • Integrations
React Native Product design Brand identity Animation Integrations
Money From the Inside Out design system and interface components
A shared design system connects the screens and interactions.
Money From the Inside Out visual identity, colour palette and illustrated graphics
Branding, colour and graphics developed alongside the app.
A client-approved sequence of Money From the Inside Out screens showing one app journey
One journey through the finished front-end experience.

Project access

Selected screens are shown with the client’s approval. The app has not launched; backend development is planned.

Where the project stands

The front end and design are complete: a working React Native app with its own visual identity, illustrated world and interactive experience.

Backend development is planned as the next phase. The app is still in development and has not launched on the App Store.

Next phase: Backend development is planned as the next phase for this client.

Next project

Quote Agent

A guided bathroom estimate, with a traceable costing engine behind every line item.

What are we building?

An app, a better way of working, or an AI integration. Tell me where you’d like to start.

Start a project