Scratchcode LMS

Scratchcode LMS

Scratchcode LMS

UI/UX Design • Front-end Development (Next.js) • Graphic Design

Client

Scratchcode LMS

Year

2024

Service

EdTech

Overview

ScratchCode is a hybrid learning platform offering short-term courses (video/text lessons, code playground) and immersive 12-week bootcamps. I led end-to-end UI/UX design for the entire ecosystem, including dashboards for admins, instructors, and students, as well as a code playground and mentor onboarding system.

The Problem

  • Instructors at ScratchCode struggled with manual course management and student tracking.

  • Students lacked interactive tools to practice coding or track progress.

  • Young people in Ghana needed a unified platform for both quick upskilling (short courses) and career-changing bootcamps in tech.

My Solutions

  1. For Students
  • Dynamic Course Dashboard: Simplified enrollment, progress tracking, and certificate access.

  • Code Playground: Designed an in-browser coding tool with real-time feedback and collaboration to reinforce learning.

  • Assignment Flow: Streamlined submission of quizzes and assignments with clear deadlines and mentor/instructor feedback loops.

2. For Instructors & Mentors
  • Course Builder Tool: Drag-and-drop interface for creating courses, quizzes, and grading rubrics.

  • Student Analytics Dashboard: Visualized student performance trends to personalize mentorship.

  • Certificate Issuance: Automated templates to reward completion of bootcamps/courses.

3. For Admins
  • Centralized Control Panel: Managed user roles, course approvals, and announcements in one place.

  • Mentor Onboarding System: Streamlined vetting processes with applicant tracking and review workflows.

Key Features

  • Hybrid Learning Paths (short courses + bootcamps)

  • Interactive Code Playground with 5+ language support

  • Role-Specific Dashboards (student/instructor/admin)

  • Automated Certificate Generation

Impact

  • We were able to reduce instructors workload by 40% with automated approval workflows.

  • Increased student engagement by 35% through the code playground and gamified progress tracking.

  • Improved course and cohort enrollment flow for students.

  • Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

  • Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

  • Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

    Available for work · Available for work · Available for work

    ·

Got a

Got a

Got a

Project?

Project?

Project?

CONTACT ME TODAY AND LET'S BRING YOUR VISION TO LIFE!

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