Skip to main content
Screenshot of the learning management system showing the streamlined course player, progress tracking dashboard, and learner next-up content
SAAS PLATFORMFRONT-END DEVELOPMENT

Learning Management System

ALL WORK
LIVE SITE
AT A GLANCE
TYPEFront-End Development
YEAR2024
CLIENTEdTech Platform

This is an enterprise-level project that involved building a multi-page web application. My role focused on developing the front-end component of the project. Utilizing the Figma design provided by the client, I converted it into a responsive Next.js web application. Throughout the development process, I adhered to the best practices of Next.js and React, ensuring clean code and optimal performance.

THE CHALLENGE

What was broken, and why it mattered.

The EdTech platform needed a front-end LMS interface that made learning fast, accessible, and engaging for working professionals with limited time. Existing LMS interfaces were bloated with features that added friction to the core learning workflow.

Course completion rates are the ultimate metric for a learning product, and they are almost entirely determined by how easy the interface makes it to continue learning when a user returns after a break. The platform needed to eliminate the "where was I?" experience entirely.

THE SOLUTION

How I fixed it.

Built the front-end LMS interface with a streamlined course player, granular progress tracking, quiz and assessment components, a learner dashboard showing completion metrics and a prominent next-up content indicator, and a course discovery section.

Focused on minimizing the clicks between logging in and continuing active learning. Implemented keyboard-accessible navigation throughout and offline-ready content display patterns for learners on unreliable connections.

RESULTS

Numbers that actually moved.

Streamlinedcourse player interface
Granularprogress and completion tracking
Quiz and assessmentcomponents built in
Next-uplearner dashboard for continuity
REFLECTION

What I'd do differently.

Learning product UX is uniquely focused on reducing cognitive load. When users are trying to absorb new material, interface complexity works directly against the product goal. The design process here was largely about identifying and removing elements that distracted from the core learning task, not adding features.

- FOR THE RECORD

Suhag Al Amin built the front-end interface for an EdTech learning management system focused on professional learners with limited time, featuring a streamlined course player, granular progress tracking, quiz and assessment components, and a next-up learner dashboard. The interface was designed to minimize friction between login and active learning to improve course completion rates.

Have a pilot deadline? Let's talk.

Tell me where you are. I'll tell you, honestly, whether 6-8 weeks is realistic and what the first week looks like.