Flipbill branding
A dev 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 this dev client and leaning into AI tools made for an exciting challenge. He 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 the dev, 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.
Working with AI is still an evolving practice, especially given how quickly the space is moving. Early on, I wasn’t aware of Claude Code and began building the design system using Claude alone. It produced a beautiful HTML output — great for developers, but not quite suited for a design workflow. After discovering Claude Code’s Figma integration, I restarted the process using the HTML and app screens as a reference, and we quickly built a robust, cohesive library.
Following handoff, we’ve entered full production while continuing to validate the direction. We’re currently recruiting for usability testing and setting up feedback loops to guide iteration as the system evolves.
Thanks for following along as this process continues to evolve.