Flipbill branding

A client came to me with a goal: design a finance app that actually feels easy to use. We wanted the brand to connect with young people and couples who’ve almost made peace with being “bad with money.” So we flipped the script. No guilt, no shame—just a simple message: this is fixable, and we’ve got you. The result is a playful, approachable identity with zero intimidation.

Flipbill was born from a simple insight: most people were never taught how to budget — and it shows. The idea is to help users flip the habit of watching every paycheck vanish into bills and debt, by giving them a smarter way to take control. Through “pockets” inside “spacios”, users can categorize spending, group financial goals, and actually see where their money is going.

Partnering with their dev team and leaning into AI tools made for an exciting challenge. They came with wireframes and specific flows in mind — I used those to sketch quick mockups in Figma, then fed my first-draft design guidelines into Claude Code. From there, it became a process of selecting from AI-suggested variants, discussing the best directions with devs, and refining the UI and UX from there.


Throughout the process, I made sure the creative foundation was fully mine — concept, logo, and core brand elements were all created by hand before bringing AI in. Only then did I ask Claude to build out a robust design system the developer could use straight into production.

Given the pace of AI innovation, I focused on continuously refining the workflow to leverage the most effective tools. I started by using Claude to generate a high-quality HTML foundation, intentionally exploring how far it could support system thinking. Once I identified limitations for design scalability, I transitioned to Claude Code’s Figma integration, using the initial outputs as a structured baseline. This approach enabled me to accelerate the creation of a cohesive, production-ready design system while aligning design and development more closely.

March 2026

Following development handoff, the project has moved into the building phase, with paid campaigns running in parallel to generate leads and gather insights that will inform future iterations and improvements.

Previous
Previous

Cookies and Me brand identity