Codedamn - Educational platform
Codedamn is a popular educational platform for programmers that focuses on learning by practice. The app, however, was facing usability issues that led to a decline in user satisfaction and engagement. Our goal was to redesign the app, improving its UX/UI to provide a seamless, intuitive, and enjoyable experience for users, ultimately increasing user retention and satisfaction.
User research, prototyping, UI design
Jan 23 - Apr 23
Educational
Figma, Illustrator, Photoshop
Challenge
The platform had an outdated interface, making it difficult for users to find and navigate essential features. Users where facing issues with the onboarding process, the way that courses were displayed, which was affecting new users retention rates.
Results
The redesigned app features a clean, clutter-free interface, making it easier for users to navigate and access essential features.
The improved onboarding process resulted in a 35% increase in new user adoption rates.
The addition of personalization and customization options enhanced user engagement, leading to a 25% increase in user retention rates.
35%
Improved onboarding process
25%
Increase in user retention
84%
Increase in time spent on website
Process
Research & Analysis: We conducted user interviews and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
Information Architecture: Based on the research findings, we restructured the app's navigation and content, prioritizing features and information according to user needs.
Wireframing & Prototyping: We designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user feedback. Afterward, we built a high-fidelity, interactive prototype to test the design.
Visual Design & Design System: We developed a cohesive visual language, including color schemes, typography, and iconography, ensuring consistency throughout the app. We also created a design system to maintain design consistency in future updates.
Conclusion
The Codedamn web app redesign successfully addressed the usability issues, resulting in a more intuitive and user-friendly experience. The improved UX/UI design led to increased user adoption, engagement, and satisfaction.