UX research & insights
Our research revealed that while badges are primarily a social recognition tool, some organizations use them to reward course and curriculum completion.
This insight underscored the need for flexibility in badge usage, particularly for learning and development teams leveraging gamification to drive engagement.
Project goals
This initiative aimed to:
• Align the badge experience with the design system.
• Reimagine academy and custom badge designs.
• Enhance team selection and streamline the badge creation and awarding process for a more intuitive and engaging experience.
• Align the badge experience with the design system.
• Reimagine academy and custom badge designs.
• Enhance team selection and streamline the badge creation and awarding process for a more intuitive and engaging experience.
Awarding badges
Given that academies can comprise thousands of members, I refined the awarding experience with advanced filtering options for precise selection. When recipients are chosen, the selected badge becomes active, signaling it’s ready to be awarded.
Clicking "Award Badge" triggers a confirmation animation, crafted in collaboration with the Design Systems team, to create a satisfying and polished interaction.
Badge management
Previously, managing badges—categorized as Default, Company, and Group—required navigating separate views. I proposed a unified management interface with filtering capabilities, allowing users to seamlessly access and organize all badge types in one place.
Custom badge creation
Customers can upload their own images or design custom badges using a selection of colors, textures, and icons.
Working closely with our illustrator, I developed a flexible design system that maintained the sleek, minimalist aesthetic of academy badges while enabling personalization.
