Increased team engagement through gamified badge system adopted by enterprise clients
Administrators could award badges on mobile but couldn’t create them, leading to a fragmented experience that limited recognition workflows and created confusion.
Product Designer (Mobile)
2024
~6-8 weeks
Product Designer
Product Manager
Engineers
Design Systems
User Research
Mobile UX flows
Interaction design
High-fidelity UI
Handoff
The badge experience on mobile was incomplete and confusing due to missing creation functionality.
Administrators could award badges but had no ability to create them on mobile. This created friction in workflows and forced users to switch devices, breaking the experience.
This gap created a mismatch between expectation and capability, reducing the effectiveness of the feature.
Mobile experience lacked a complete badge workflow
User feedback | Workflow analysis | Stakeholder discussions
Focus on optimizing the awarding experience rather than forcing badge creation into mobile.
Initially, we explored supporting both badge creation and awarding on mobile. However, badge creation required complex configuration that wasn’t ideal for small screens.
Instead of overloading the experience, we made a strategic decision to prioritize awarding badges, the most frequent and time-sensitive action.
Exploration showed badge creation added complexity without improving core workflows
Flow mapping | Feature prioritization | Tradeoff alignment with product
Make awarding badges fast, intuitive, and frictionless on mobile.
With a clear focus on awarding, I redesigned the flow to minimize steps and reduce cognitive load. The goal was to enable quick recognition without unnecessary friction.
We simplified the selection process, improved clarity of actions, and ensured the flow could be completed quickly.
Streamlined awarding flow reduced steps and improved clarity
Interaction design | Flow simplification | Usability refinement
Deliver a focused and efficient mobile experience centered on recognition.
The final design emphasized speed and clarity, allowing administrators to award badges quickly while maintaining consistency with the broader platform.
By narrowing scope, we delivered a more effective and usable solution.
Final mobile awarding experience optimized for speed and usability
Interaction design | Flow simplification | Usability refinement
Conclusion
Current Project Status
Shipped as part of the Schoox mobile experience
Next Steps
Explore lightweight badge editing on mobile
Improve visibility of badge systems and progress
Integrate deeper gamification features
Lessons Learned
Trying to replicate full desktop functionality on mobile can hurt usability. Prioritizing core workflows leads to better outcomes.
What I'd Do Differently
I would validate earlier whether badge creation was truly needed on mobile through more user testing before exploring it as a solution.
UI Refresh
As I advanced in my design career, I realized my older designs didn’t reflect my current skills in visual hierarchy, typography, color, and spacing. To showcase my growth, I refined some key screens by:
Enhancing Visual Aesthetics - Improved typography, spacing, and color harmony.
Strengthening Usability - Clearer navigation, better CTAs, and improved readability.
Applying Design Best Practices - More consistent grids, refined corner radiuses, and a polished UI system.
These updates demonstrate how my design knowledge and Figma expertise have evolved, leading to cleaner, more effective interfaces.
PORTFOLIO
AI Voice Experience Redesign
AI Voice Experience Redesign
AI Voice Experience Redesign
2022
~6 months
AIGENT
DriveMy
DriveMy
DriveMy
2021
~3 weeks
DRIVEMY