Project Overview
Bingoboard is a self-initiated mobile app I designed to bring gamification and visual engagement into the goal-setting experience.
the core idea
Each goal is a tile on a bingo board and every completed line is a small victory, prompting a personal reward.
This project was born out of a turning point in my career. After experiencing burnout, I wanted a tool to help me challenge myself throughout the year in a way that felt motivating and lighthearted. At the same time, I used this opportunity to transition from graphic design to UI/UX by learning core design principles, building user flows and prototyping in Figma.
The full UI was designed from scratch in just 3 weeks, allowing me to practice and apply newly learned UI/UX foundations in a real context.
Problem Statement & Motivation
After crafting a thoughtful list of personal goals, I looked for a playful, simple tool to stay motivated all year.
When I couldn’t find exactly what I had in mind, I decided to design it myself.
Why this project?
Personal motivation - Find a lighthearted, gamified way to stay on track with yearly goals
Market gap - Most goal-tracking apps felt rigid or uninspiring
Trend insight - Bingo-style paper trackers were popular, but lacked interactivity
Career pivot - Apply newly learned UI/UX principles through a concrete, hands-on project
Creative challenge - Design something both visual and functional to help shift my mindset
User Needs & UX Strategy
The app needed to be simple, engaging and flexible. Something I (or users) could stick with all year long.
Target audience
Initially myself, but scalable to anyone looking to reach personal goals in a fun and visual way.
Core user needs
Easy setup - Create a board and add goals with minimal friction
Visual motivation - Track progress at a glance
Flexibility - Edit goals anytime without losing momentum
Encouragement - Small wins and visual feedback to stay motivated
Key UX decisions
Card size selection (9 or 25 goals) to avoid overwhelming users
No login/account creation to reduce friction
Quick onboarding tutorial to guide first-time users
Tap-to-progress interaction with real-time feedback
Positive reinforcement (motivational messages when a line is complete)
Value proposition
Keep your goals visible, achievable and fun, right in your hand.
UI Design & Visual Language
I aimed for a playful yet clean visual style that reflects progress, energy and simplicity.
Visual direction
Flashy gradients - Boost energy and motivation
Bold typography - Quick readability and hierarchy
Rounded UI elements - Friendly and approachable tone
Vibrant color-coded tiles - Clear progress indicators
Design principles applied
Mobile-first layout - Optimized for close to hand goal tracking
Accessibility - High contrast text, legible sizes, clear tap areas
Visual consistency - Design system with reusable components
Minimalist structure - Focus on clarity, no visual overload
Personal design strengths leveraged
Color harmony and layout - From graphic design background
Iconography and microinteractions - Custom-designed to match tone
Style cohesion - Ensured UI stayed consistent across all screens
key features
Quick Start Tutorial
A smooth onboarding to help users dive right in.
Simple & Fast - The tutorial launches instantly after board creation
Visual Guidance - Users are shown how to tap a tile, create a goal and track progress
Skippable Anytime - Lightweight UX, users can skip or revisit it easily
Set & Track Your Goals
An interactive and flexible way to stay on target.
Tap to Edit - Tapping a tile opens a modal to set or modify your goal
Custom Progress - Define how many steps it takes to complete (e.g., 5 books = 5 taps)
One-Tap Tracking - Each tap increments progress visually, keeping it simple and satisfying
Bingo Detection & Motivation Boosts
Celebrate wins as they happen automatically.
Smart Detection - The app tracks completed rows and columns in real time
Instant Feedback - When a bingo is achieved, an encouraging message pops up
Built-In Motivation - Positive reinforcement helps users stay engaged and feel progress
Learnings & Next Steps
This project was a major step in my transition from print design to UI/UX. It helped me apply UI/UX design principles in a structured way while keeping the creative freedom of a personal project.
Key takeaways
UI/UX felt like a natural evolution of my design background
Prototyping in Figma came quickly thanks to my experience with graphic tools
Designing with a real use case in mind made the learning curve more intuitive
I realized the importance of balancing creativity with usability
A clear user flow is just as important as the visuals
If I revisit the project
Follow a full Design Thinking process with user interviews and testing
Refine scope and reduce feature creep from early iterations
Add onboarding refinements and long-term progress tracking features
Next steps
I’m considering developing a basic functional prototype for iOS using Swift
I made a few initial coding trials but I’m not a developer
If successful, it could become a fully functional tool for myself or something shareable