The digital redesign of SuperSkill.

In this case study, we embark on transforming SuperSkill, a popular mobile app designed to enhance personal skills and knowledge. Our goal was to address the app's onboarding screen, icons, and typography. By infusing gamification elements, introducing engaging icons, and animation, we achieved this redesign superbly.

SuperSkill had gained a significant user base but struggled with user retention. Upon conducting user research, we discovered that many users found the onboarding process uninspiring and tedious. The lack of engagement during this crucial phase resulted in a high drop-off rate, preventing users from fully exploring the app's potential.

To address these issues, we devised a design strategy focused on gamification, engaging icons, and improved typography. Our objective was to create a seamless onboarding experience that would captivate users and motivate them to continue using the app.

We introduced gamification elements to the onboarding screen to make it more interactive and enjoyable. Users were now greeted with a visually appealing and animated splash screen, where they could choose an avatar and customize it to their liking. This personalization feature instantly created a connection between the users and the app, fostering a sense of ownership and engagement.

Recognizing the importance of intuitive and visually appealing icons, we redesigned SuperSkill's existing set. We employed a minimalist and cohesive design language, ensuring that each icon conveyed its function clearly. Through thorough user testing and feedback, we refined the icons to achieve optimal clarity and ease of use. The redesigned icons now visually represented the app's features, making it easier for users to navigate and comprehend the available functionalities.

To enhance the overall aesthetic and readability, we focused on improving the typography. We carefully selected a typeface that struck a balance between legibility and personality. By standardizing font sizes, spacing, and hierarchy, we achieved a consistent and visually pleasing typography system. The refined typography not only improved the app's usability but also created a sense of visual harmony and cohesiveness throughout the interface.