Overview
Idea Bank helps financial institutions explore marketing ideas through an interactive, gamified experience. It transforms static content into a playful tool that inspires creativity while staying grounded in real business objectives.
The Problem
Marketing teams at banks and credit unions often struggled to find fresh, compliant campaign ideas. Traditional resources were rigid and uninspiring. The goal was to make creative discovery engaging and accessible without compromising brand standards.
Responsibilities:
UX/UI design, Framer prototype
Collaboration:
Flint Group, creative, and business development teams
Site:
Initial Sketches
Early sketches centered on interaction—how users could “unlock” ideas rather than simply browse them. These explorations led to the piggy-bank metaphor: collecting ideas instead of coins. The concept immediately felt intuitive and tied the experience back to the financial world.
Key Goals
The goals for Idea Bank centered on creating a tool that was both engaging and effective — turning inspiration into measurable action.
Goal #1
Encourage exploration through motion and micro-interactions that invite curiosity without instruction.
Goal #2
Simplify content so ideas can be reviewed quickly and easily converted into campaign concepts executed through Flint.
Goal #3
Create a sense of delight and reward, turning everyday inspiration into a memorable experience.
Wireframes
Low-fidelity wireframes helped move fast—defining layout and hierarchy before introducing visual style. This phase clarified how prompts, examples, and saved ideas would connect, ensuring the interface stayed lightweight and intuitive.
Custom Array of Prompts
A custom array system randomized creative prompts by theme and audience, ensuring no two sessions felt the same. The logic mixed consistency with surprise, keeping users engaged and encouraging repeat visits.
If your brand were a person, would anyone follow it on social?
Stop trying to sound like a bank. Start sounding like someone worth listening to.
Your next idea:
Click the button to get your next best idea.
Shake
Stop trying to sound like a bank. Start sounding like someone worth listening to.
People don't want financial products – they want peace of mind.
Refining the Animation
The piggy bank served as both metaphor and centerpiece. Through iteration, animation timing and transitions were refined to feel playful yet smooth across browsers. The result was a moment of personality that enhanced engagement without slowing performance.
Concept Development
Bright color accents, rounded typography, and subtle motion established a warm, approachable tone. Components were built in Figma for modularity, allowing future campaigns and themes to slot in effortlessly. Every visual choice reinforced the core idea—creativity made simple.
Outcomes & Impact
High Engagement
Average page time reached 9 minutes, far exceeding expectations.
Positive Prospect Response
Clients described the tool as “memorable” and “engaging.”
Established a flexible framework for future interactive campaigns.
