Client
BrightKids School
Year
2026
Duration
9 weeks
Stack
Figma
Summary
Defining Problems
To find out how people actually manage their money in the wild, we conducted interactive diary studies and interviewed students, gig workers, and young couples about their daily financial habits. We watched them struggle to calculate split bills on physical napkins, navigate confusing transfer wait times, and get frustrated by hidden service fees on legacy apps. Mapping out their emotional journeys revealed that traditional banks completely fail to address the social, fast-paced nature of modern transactions. People didn't just want to see their static bank balance at the end of the month; they wanted to see their money in motion, with instant feedback and smart, digestible spending summaries. We mapped out clean user journeys to redesign the entire transfer flow, throwing out old account numbers and replacing them with a fast, contact-list-based transfer screen. Our goal became clear: strip away the technical financial vocabulary and focus entirely on visual clarity, instant gratification, and effortless searchability.
Challenges
For our fintech banking app, the biggest hurdle was to break the mold of traditional, stiff online banking and create a platform that felt alive, fast, and culturally relevant to a younger, tech-savvy audience. Money is a massive source of daily anxiety for most people, and traditional bank portals with their endless lists of nested tables and cold, boring interfaces don't help people feel in control. Our mission was to design a highly secure, frictionless digital banking experience that transformed boring, chore-like transactions into quick, satisfying micro-interactions. We had to support a massive range of tools—from instant split-billing and automatic savings buckets to stock trading and real-time spending breakdowns. The real design puzzle was to deliver this deep financial power without overwhelming the user, wrapping high-security biometric systems and complex transaction records in a slick, ultra-minimalist interface that felt as effortless to use as sending a text.
Solutions
Our solution was a vibrant, neo-banking platform that completely transforms how people view, save, and spend their hard-earned money on a daily basis. We built a customizable, modular home feed where users can pin their favorite features, swipe to instantly lock a lost card, or tap to split a dinner bill with friends in under five seconds. We introduced "Money Pockets"—smart, gamified savings buckets that automatically sweep spare change from daily transactions and visually fill up like water glasses as users near their goals. Our dynamic spending wheel replaces boring transaction history with bright, animated category bubbles that expand and contract to give users an instant, intuitive picture of where their money is going. By injecting playful animations and lightning-fast pathways into everyday financial tasks, we took the stress out of budgeting and turned a standard utility into an engaging lifestyle companion.
Design System
To back this high-velocity platform, we engineered the "Neon-Vault" design system, built on a bold, high-contrast dark aesthetic that feels premium, modern, and incredibly sleek. We selected a sharp, geometric neo-grotesque typeface with high readability in compact spaces to make sure numbers and decimals pop instantly, even on bright outdoor screens. Our palette throws out boring corporate blues, utilizing an electric violet canvas paired with high-voltage neon mint accents to spotlight action states, savings goals, and money flows. Every toggle, slider, and custom card-wrapper was built with microscopic spring-loaded physics to give physical, tactile satisfaction to every swipe, tap, and transaction confirmation. This robust, components-driven library didn't just establish a rebellious and recognizable brand identity; it enabled our development squad to deploy secure, pixel-perfect transaction screens across platforms with flawless visual consistency.
Desktop First Approach
Because modern financial life happens on the fly, we built the entire banking experience around a highly responsive, mobile-first design philosophy. We optimized key zones for one-handed thumb navigation, packing crucial shortcuts—like QR code payments, quick transfers, and card-locking controls—into a floating central action button. Tables and heavy ledger sheets that typically crash and clutter mobile screens were rebuilt as interactive swipeable list elements and touch-friendly cards that reveal deeper transactional details on tap. Once we locked down a hyper-efficient, fast mobile layout, we adapted the interface to scale dynamically to desktop web browsers and tablet displays. This translation allowed us to present side-by-side budgeting analytics, full-screen investment charts, and comprehensive tax-export hubs without losing the energetic visual soul and smooth simplicity of the original mobile core.
Protoypes
We built fully functional, high-fidelity prototypes to simulate the rapid, energetic motion of the interface before starting the development sprint. Using Figma's advanced smart-animates and component states, we simulated complex user tasks, such as creating a joint savings account, reviewing stock market trends, and receiving instant haptic feedback on card transfers. We tested these interactive prototypes with focus groups of college students and freelancers, closely measuring how quickly they could complete payments and understand their weekly balance charts. This user testing showed us where our drag-and-drop mechanics felt clunky and helped us refine our animated transaction success screens to feel incredibly celebratory and rewarding. Fine-tuning these motion paths and micro-animations based on real-time feedback let us deliver a highly responsive, developer-ready roadmap that felt alive and engaging.
2 Stage Launch
To guarantee the highest level of bank-grade security and transaction speed, we rolled out the new platform in three planned, risk-free release phases. We kicked off with an exclusive, closed alpha test with a selected cohort of internal developers and finance enthusiasts, focusing on stress-testing real-time payment rails and biometric login stability. Once the base engine was fully validated, we expanded to a public open beta program for fifty thousand early adopters, introducing our signature split-bill tool, gamified pockets, and animated charts. This pilot phase gave our engineering team the chance to optimize database queries under high loads, address small interface bugs, and refine navigation paths based on real user analytics. The final step was a full public launch across app stores, resulting in an incredibly fast, highly stable, and highly secure financial platform that users instantly embraced.
Results & Impact
The launch of the neo-banking platform was a massive triumph, driving phenomenal user growth and completely redefining how our audience interacts with their personal finance. By replacing outdated forms with our streamlined payment flow, we achieved an incredible 60% reduction in checkout friction and slashed average transfer times down to three seconds. The addictive, game-inspired savings buckets were a huge hit, helping users save an average of twenty percent more money per month and lifting monthly app engagement by forty-five percent. Our colorful, interactive spending analytics became a favorite feature, prompting users to voluntarily share screenshots of their savings milestones on social media. Ultimately, our design choices transformed a standard transaction ledger into a fast, empowering financial hub that makes managing personal wealth feel less like a chore and more like a game.
Reflection & Learnings
Designing this neo-banking platform was a thrilling masterclass in how much motion and bold aesthetics can transform a historically dry, high-friction industry. I realized that when you're dealing with personal finance, the best designs don't just solve functional problems; they build a sense of financial confidence, using clever micro-interactions and rewarding animations to keep users motivated. Partnering closely with security engineers and data analysts taught me how to blend strict regulatory safety rules seamlessly into a light, hyper-responsive user flow. If I were to tackle this project again, I would spend more time up front designing custom widget layouts to allow users to bring their financial cards onto their mobile home screens even faster. This project really fueled my drive to design bold, playful products, showing that when you dare to shake up old corporate structures, you can turn a daily utility into a truly delightful habit.