Bonify: Guiding Germany’s Credit-Challenged Toward Financial Growth

Design wasn’t just visual—it was strategic. Each screen needed to earn trust, deliver clarity, and drive meaningful user actions.

With a clear blueprint in place, we moved fast—iterating on flows like registration, consent, and the finance dashboard. Wireframes focused on progressive disclosure, reducing initial load while guiding users towards meaningful actions like adding bank accounts or checking FinFitness scores.

Each flow was annotated with stakeholder feedback, edge cases, and backend dependencies to ensure smooth handoff and development readiness.

Typography was central to the design approach, enabling clear and transparent readability across every user touchpoint. It helped reduce cognitive load, especially in data-heavy screens like score breakdowns and legal disclaimers. Paired with thoughtful hierarchy and spacing, it ensured users never felt overwhelmed—only informed.

Bonify’s color system stayed true to its brand ethos—trustworthy, modern, and approachable. We retained the core palette of greens and neutrals inspired by Bonify’s brand guidelines to convey financial security and clarity. Accent colors were introduced selectively to highlight actions, alerts, and personalized insights—ensuring users could navigate with confidence and focus on what matters most. Every shade was accessibility-checked to meet WCAG AA standards, reinforcing both usability and inclusivity.

Bonify’s iconography was crafted to make complex financial tasks feel intuitive and approachable. We used a blend of flat silhouettes and soft 3D depth to guide users seamlessly through core modules like the Finance Toolkit, Loan Management, and the Perk Hub. To further enhance clarity, we introduced color-coded sets that help users instantly associate icons with specific actions or categories.

For paid users, we introduced a distinct icon style—more polished, vibrant, and detailed—to visually signal premium access and reinforce a sense of exclusivity. Membership tiers like Starter, Smart, and Pro were paired with custom badges, subtly elevating the user experience across different access levels.

We used playful yet professional 3D-style illustrations to make finance feel more human, relatable, and less intimidating. These visuals helped simplify complex concepts while adding warmth and personality to the experience.

Every element in Bonify’s interface was crafted to inform, engage, and reassure. From data cards and score rings to visual nudges and tier badges, the design emphasizes clarity without sacrificing delight. Key actions like linking bank accounts or renewing consent are surfaced contextually—wrapped in accessible colors, rounded shapes, and concise copy to reduce cognitive load. Together, these components turn complex financial data into an experience that feels empowering, not overwhelming.