Codetivite is a advanced Learning Management System (LMS) that aims to improve the online education experience for students and recent graduates looking to start their career. My goal was to design a platform that is user-friendly, efficient, and scalable, catering to a wide range of educational demands.
Codetivite is a advanced Learning Management System (LMS) that aims to improve the online education experience for students and recent graduates looking to start their career. My goal was to design a platform that is user-friendly, efficient, and scalable, catering to a wide range of educational demands.


What was the problem?
What was the problem?
What was the problem?
Students and recent grads sometimes struggle to find the right resources to learn and improve in today's fast-paced world.This academic disparity impairs their professional growth, confidence, and job market preparation
Students and recent grads sometimes struggle to find the right resources to learn and improve in today's fast-paced world.This academic disparity impairs their professional growth, confidence, and job market preparation
What was the goal?
What was the goal?
What was the goal?
The main objective of Codetivite is to provide an intuitive LMS that provides students and recent graduates with specialized learning materials and useful skills for advancing their careers specifically in tech. The goal is to create an intuitive user-friendly interface, offer customized learning pathways, and guarantee access to excellent materials.
The main objective of Codetivite is to provide an intuitive LMS that provides students and recent graduates with specialized learning materials and useful skills for advancing their careers specifically in tech. The goal is to create an intuitive user-friendly interface, offer customized learning pathways, and guarantee access to excellent materials.


I started the project by understanding the user's needs, and gathering feedback from users. I conducted extensive research on competitors' websites to identify best practices and trends.
• User interviews & research
• Synthesis the findings
• Ideating the solution
• Craft a prototype with the main idea
• Test with users to validate the idea
I started the project by understanding the user's needs, and gathering feedback from users. I conducted extensive research on competitors' websites to identify best practices and trends.
• User interviews & research
• Synthesis the findings
• Ideating the solution
• Craft a prototype with the main idea
• Test with users to validate the idea
How I solved this problem
How I solved this problem
How I solved this problem
The design was inspired by the elegant aesthetics of high-end learning management applications like Coursera, Skillshare, etc., using a refined color palette of green, rich blue, yellow, and subtle cream accents. I focused on a minimalist layout that emphasizes Codetivite's bespoke services, improving learning for aspiring tech enthusiasts. Every decision was data-driven, and I collaborated with developers through daily reviews to ensure functional, intuitive designs. Navigation, gamification, and interactive elements were streamlined for clarity.
The design was inspired by the elegant aesthetics of high-end learning management applications like Coursera, Skillshare, etc., using a refined color palette of green, rich blue, yellow, and subtle cream accents. I focused on a minimalist layout that emphasizes Codetivite's bespoke services, improving learning for aspiring tech enthusiasts. Every decision was data-driven, and I collaborated with developers through daily reviews to ensure functional, intuitive designs. Navigation, gamification, and interactive elements were streamlined for clarity.






The layout was intentionally minimalist to spotlight Codetivite’s tailored tech education services and to create an intuitive learning environment for aspiring tech enthusiasts.
Complete a roadmap flow which increased user engagement by 22% and task completion by 60% using gamification features like badges and leaderboards.
Users can view their achievements on the platform. This includes their badges, certificates, projects (consist of skill test and weekly projects) and a pre-made portfolio as Codetivite is a tech build-as-you-learn platform.


The Leaderboard design clearly and motivatingly tracks user performance by displaying the top three users' avatars, names, skill levels, scores, and completed projects first, followed by a ranking list highlighting each user's position, overall scores, and completed projects, with a clean layout, consistent icons, and user-friendly navigation for easy access to various sections.


And yes, it is fully responsive for both mobile and tablet breakpoints
Key Outcomes
Key Outcomes
Key Outcomes
Improved task completion rate by 60% through incorporating gamification features for better learning experience for students.
22% increase in user engagement and 15% decrease in abandonment rate.
20% increase in user satisfaction scores, measured through surveys and feedback tools.
Improved task completion rate by 60% through incorporating gamification features for better learning experience for students.
22% increase in user engagement and 15% decrease in abandonment rate.
20% increase in user satisfaction scores, measured through surveys and feedback tools.
Conclusion
Conclusion
Conclusion
Our research and feedback from users have clearly revealed the key challenges that students and recent graduates encounter when accessing relevant educational resources and individualized learning paths. Codetivite solves these concerns by providing a user-friendly platform with high-quality, up-to-date content targeted to individual learning styles and career objectives.
Additionally, we implemented other important features that most recent graduates mentioned: a personalized pre-made portfolio to showcase projects, particularly skill tests, that users work on within the platform.
Finally, we made sure users utilize social media to increase user engagement when they finish a particular roadmap or project #BuildInPublic. By focusing on these key features and capabilities, Codetivite can provide a comprehensive and effective solution for helping students and recent graduates start and progress on their tech careers.
Our research and feedback from users have clearly revealed the key challenges that students and recent graduates encounter when accessing relevant educational resources and individualized learning paths. Codetivite solves these concerns by providing a user-friendly platform with high-quality, up-to-date content targeted to individual learning styles and career objectives.
Additionally, we implemented other important features that most recent graduates mentioned: a personalized pre-made portfolio to showcase projects, particularly skill tests, that users work on within the platform.
Finally, we made sure users utilize social media to increase user engagement when they finish a particular roadmap or project #BuildInPublic. By focusing on these key features and capabilities, Codetivite can provide a comprehensive and effective solution for helping students and recent graduates start and progress on their tech careers.



