Data & Analytics
Dive into data manipulation, analysis, and visualization techniques using Python and popular libraries.
James SmithInstructor
Case study · Web platformDesigning a Coding Education Platform (Student Experience)
Scroll
The problem
Learning to code, across five different tools.
01Challenge 1 of 4
Unclear Learning Paths
Unstructured courses and missing progress cues made it difficult for students to track their learning journey and plan for next steps.
02Challenge 2 of 4
Fragmented Learning Experience
The platform’s reliance on third-party tools such as Google Classroom created inconsistent interactions that affected learning momentum.
03Challenge 3 of 4
Limited Accessibility
The experience wasn’t optimized for mobile, making navigation difficult for students who primarily accessed it on their phones
04Challenge 4 of 4
Missing Sense of Community
The lack of peer interaction and instructor guidance resulted in an isolated learning experience that reduced confidence and motivation.
Vitruvian · Our methods
Research first.
Every Vitruvian project starts by understanding the people it serves. For Code to Inspire, we used 4 of our methods:
- 01Interviews
- 02Market Research
- 03Wireframing
- 04Prototyping
Method 01 · How we used it for Code to Inspire
Interviews
Audited the existing platform and conducted stakeholder interviews to identify learner and instructor pain points and understand their needs.
Method 02 · How we used it for Code to Inspire
Market Research
Researched leading e-learning platforms to understand best practices and opportunities for improvements.
Method 03 · How we used it for Code to Inspire
Wireframing
Created wireframes to define the structure of courses, dashboards, and discussion spaces.
Method 04 · How we used it for Code to Inspire
Prototyping
Developed interactive prototypes to test key user flows and ensure a seamless experience across the two user types.
01 / 07 · Solutions01Solution
Mobile Support
Created a responsive design that supports seamless transitions between desktop and mobile, improving usability for students accessing the platform on smaller screens.
02 / 07 · Solutions02Solution
Structured Courses
Structured each course into a clear syllabus with defined modules, lesson order, and milestones, helping students understand what they’re learning and what comes next.
03 / 07 · Solutions03Solution
Student Dashboard
Designed a student dashboard that shows progress indicators, upcoming lessons, achievements, and recommended next steps. Presenting all key information in one place helps students keep track easily.
04 / 07 · Solutions04Solution
Integrated Platform
Replaced reliance on third-party tools by integrating all core features into a single system, creating a more consistent and seamless experience across the platform.
05 / 07 · Solutions05Solution
Gamified Reward System
Introduced a gamified system where students unlock trophies tied to learning milestones. Students are positioned as players and ranked based on performance, with added interactions such as animated clapping to encourage one another
06 / 07 · Solutions06Solution
Discussion Board
Introduced a discussion space for students and instructors to communicate, fostering peer collaboration and instructor guidance.
07 / 07 · Solutions07Solution
Accessibility Enhancements
Added support for dark and light modes along with language toggles with full RTL optimization for Farsi and Pashto.
Outcome
Dr.Yousef
Live Sessions
Google Meet
Nov 12
Starts in 00:55 Minutes
Grading
Introduction to Java
Unpublished courses
Published
Certificates
Python
Public
26hr
Active
Removed
Graduated
Back
Under Review
