Elevating Codetivite's Learning Process Across Africa

Role

Product & Interaction designer

Category

SaaS, LMS, Web App, Mobile App

Client

Codetivite

Project timeline

3 months

Year

2024

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.

Portfolio project image
Portfolio project image

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.

Portfolio project image
Portfolio project image

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.

Got an idea?
Let's make it work in no time.

Ready for a design adventure, or need product design advice? Ping me for fun collaboration

Caleb Nwosu

Web-designer, developer

Hit me up if you’re looking for a fast, reliable web/product designer who can bring your vision to life

Caleb Nwosu

Copyright ©

Caleb Nwosu 2026

Available for work

Got an idea?
Let's make it work in no time.

Ready for a design adventure, or need product design advice? Ping me for fun collaboration

Caleb Nwosu

Web-designer, developer

Hit me up if you’re looking for a fast, reliable web/product designer who can bring your vision to life

Caleb Nwosu

Copyright ©

Caleb Nwosu 2026

Got an idea?
Let's make it work in no time.

Ready for a design adventure, or need product design advice? Ping me for fun collaboration

Caleb Nwosu

Web-designer, developer

Hit me up if you’re looking for a fast, reliable web/product designer who can bring your vision to life

Caleb Nwosu

Copyright ©

Caleb Nwosu 2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.