Case study · Web platform

Designing a Coding Education Platform (Instructor Experience)

UKUI/UX DesignWebsite DesignMobile App DesignBrandingIllustrationAnimation
Code to Inspire app
Scroll
The problem

Teaching meant juggling tools before students.

01Challenge 1 of 4

Inefficient Course Setup

The course creation process lacked a clear system, making it difficult for instructors to input information and structure content.

02Challenge 2 of 4

Limited Management Tools

Instructors had limited tools for course management and student performance tracking, making it difficult to stay on top of both course content and student performance as the course progressed.

03Challenge 3 of 4

Lack of Communication Tools

There was no streamlined way for instructors to communicate with students, making it difficult to provide guidance and support.

04Challenge 4 of 4

Fragmented Workflow

The platform’s reliance on third-party tools such as Google Classroom created disconnected workflows, affecting instructors’ ability to teach effectively.

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:

  1. 01Interviews
  2. 02Market Research
  3. 03Wireframing
  4. 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 / 04 · Solutions01Solution

Structured Course Setup

Designed a structured course creation system that allows instructors to input information and organize content easily.

02 / 04 · Solutions02Solution

Instructor Dashboard

Implemented dashboards that enable instructors to manage course content and monitor student performance throughout the course.

03 / 04 · Solutions03Solution

Discussion Board

Introduced discussion spaces for students and instructors to communicate, fostering collaboration and guided support.

04 / 04 · 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.