SmileCraft Health: Designing a Gamified Oral Health App
A journey of research, design, and iteration to create an engaging and user-friendly app
The Challenge: From Concept to Reality
The Challenge: From Concept to Reality
The Challenge: From Concept to Reality
When I joined SmileCraft, the goal was ambitious yet clear: build an engaging, gamified mobile app that would help users improve their oral health habits.
The challenge?
โ
No existing productโwe were starting completely from scratch.
โ
A niche problemโhow do you make oral health education fun and engaging?
โ
No clear user journey yetโwe needed to define our audience, their pain points, and their motivations.
It wasnโt just about making something beautifulโit had to be useful, engaging, and frictionless to ensure user adoption.
Understanding the Users: Research First
Understanding the Users: Research First
Understanding the Users: Research First
Before diving into design, I needed to understand the people who would use this app.
I conducted:
๐ User interviewsโtalking to people about their dental routines, frustrations, and what motivates them.
๐ Survey analysisโidentifying patterns in how users interact with health-related apps.
๐ฎ Gamification researchโstudying how interactive elements influence habit formation.
Key insights:
Users donโt want to feel lectured about dental careโthey want bite-sized, fun interactions.
Many users forget when and how to properly brush, floss, and take care of their teeth.
A reward system would keep engagement high and encourage daily use.
Building the Foundations: Wireframes & Prototyping
Building the Foundations: Wireframes & Prototyping
Building the Foundations: Wireframes & Prototyping
With our insights in hand, I began designing the user journey and core interactions.
Created low-fidelity wireframes to map out screens and interactions.
Developed user flows to ensure every action felt intuitive.
Built interactive prototypes in Figma for early usability testing.
The focus was on simplicityโusers should be able to open the app and instantly understand what to do.
โ
Impact: After testing, we removed unnecessary steps in the onboarding process, reducing drop-off by 35%.
Bringing the Vision to Life: UI & Branding
Bringing the Vision to Life: UI & Branding
Bringing the Vision to Life: UI & Branding
Once the structure was solid, I focused on creating a delightful visual experience.
๐จ Branding: Defined a friendly, modern style with soft colors, engaging illustrations, and playful typography.
๐ฑ UI Design: Crafted clean, intuitive screens that felt natural on both iOS and Android.
๐ Gamification Elements: Integrated streaks, badges, and progress tracking to keep users engaged.
Iterating & Refining: Testing with Real Users
Iterating & Refining: Testing with Real Users
Iterating & Refining: Testing with Real Users
Once we had a working prototype, it was time to test and refine.
๐ A/B testing: Tried different UI elements to see what drove better engagement.
๐ข User feedback sessions: Observed real users interacting with the app and noted where they hesitated or got confused.
๐ Data-driven improvements: Optimized flows based on actual user behavior.
One major finding? Users wanted quick interactions.
โ We redesigned the daily check-in process, cutting it from 6 taps to just 3, boosting engagement by 40%.
Final Results: A Product Users Love
Final Results: A Product Users Love
Final Results: A Product Users Love
๐ Launched a fully functional app with a 4.8-star rating on the App Store.
๐ Refined product vision that led to 100% conversion into face to face meeting with potential investors.
๐จ Created a scalable design system for future feature expansions.