Code Amooz
An online platform that empowers aspiring developers through interactive learning, community engagement, and career support
Role:
UI/UX Designer
Timeline:
Jul 2021 - Dec 2021
Highlights:
Simplified course creation for educators.
Connected learners with certification and career opportunities.
Integrated learning, coding, and collaboration into one platform.
Team:
1 UI/UX Designer, 2 Developer, 1 Graphic Designer
Tools:
Figma
Category:
UI/UX Design, Web Design, Responsive Design
Problem:
Programming learners often switch between different tools for lessons, coding practice, communication, and progress tracking. This fragmented experience can make learning harder to follow, especially for beginners. Tutors also need simpler ways to create courses and support students.
What is Code Amooz?
Code Amooz is an online programming learning platform that brings courses, coding practice, tutor support, progress tracking, and certification into one connected experience. The platform supports learners throughout their programming journey, helps tutors create and manage coding courses more easily, and gives organizations a shared space to encourage programming education and connect learners with new opportunities.
Understanding the Learning Experience:
To better understand the needs of students, tutors, and industry professionals, we conducted (10) interviews and (51) surveys with all three user groups. The findings revealed recurring challenges across the programming learning journey.
What We Discovered:
Learning lacked continuity
Students wanted practical coding experience, but learning, practice, and communication were scattered across multiple tools.
Skills were difficult to demonstrate
Industry professionals struggled to identify graduates with practical coding experience beyond traditional resumes.
Teaching tools created unnecessary complexity
Tutors needed simpler ways to build programming courses, monitor progress, and support students.
Learning rarely extended beyond the classroom
Students needed clearer pathways to certification, mentorship, and future teaching or career opportunities.
Meet the Users
Unlike traditional learning platforms that focus on a single user group, Code Amooz was designed to support an ecosystem of learners, educators, and industry professionals. Each group had unique goals, but their experiences were closely connected. Understanding how these users interact with one another helped shape a platform that supports learning, teaching, collaboration, and career opportunities within a single experience.
Build practical programming skills
Practice through real coding exercises
Create engaging coding courses
Identify graduates with practical skills
Create engaging coding courses
Earn certificates and gain experience
Track student progress and provide feedback
Simplify course creation and management
Create engaging coding courses
From Insights to Experience
Research revealed that learners, educators, and recruiters experience the platform differently, but their journeys are closely connected. Mapping these experiences helped identify key moments where users need guidance, collaboration, and clear progression. These insights shaped the overall platform structure and prioritized features that support every stage of the learning journey.
The Learning Journey:
Organizing the Platform:
To validate how users naturally grouped platform features, I conducted an open card sorting exercise with 12 participants, including recent graduates and individuals transitioning into web development. The results revealed clear mental models around learning, collaboration, career development, and skill-building, which informed the platform's information architecture.
Early Design Exploration:
Early wireframes focused on validating the platform's core workflows and feature hierarchy before refining the visual design. User feedback from these prototypes informed the transition to the high-fidelity interface.
Solving the Most Complex Workflow
The most challenging part for me was making online courses without complexity. Code-Amooz offers a streamlined process with a user-friendly interface in 2 parts.
1. Making the course: Simply follow our 4-step guide to define the course structure:
Basics: Title, description, target audience - set the foundation.
Features & Pre-reqs: Outline learning objectives, unique features, and prerequisites.
Enrich the Learning: Specify materials, requirements, and other details.
Introduce Your Course: Capture attention with a compelling video and photo.
2. Add course sessions: Follow the 3-step guide to define each session:
video lectures and text explanations
codes and examples
quizzes
Focus on your passion for teaching. We take care of the complexity. Create exceptional online courses with ease on Code-Amooz.
Bringing the Platform to Life:
The final interface brings together learning, coding practice, collaboration, and career development into one cohesive experience. Every screen was refined to support different user groups while maintaining a consistent and intuitive interaction pattern.
Creating Meaningful Impact:
Unified learning, coding practice, and collaboration into one connected platform.
1
Created clearer pathways for learners to build practical skills and connect with career opportunities.
2
Programming education is most effective when learning and practice happen together.
What I Learned:
3
Simplified course creation and progress tracking for educators.
Designing for multiple user groups requires balancing shared goals with very different workflows.
Simplifying complex workflows can be just as impactful as designing engaging interfaces.