Description

EduPath is a conceptual online learning platform designed to address the shortcomings of traditional e-learning tools — passive video consumption, low engagement, and poor progress visibility. The design focuses on active learning through interactive content modules, real-time instructor feedback, and a social learning environment that replicates the collaborative feel of a physical classroom. This project showcases my ability to design complex, data-rich educational interfaces that remain clean, accessible, and motivating for both students and instructors.

Key Features

• Interactive Course Modules: Designed a content player supporting video lessons, embedded quizzes, code sandboxes, and drag-and-drop exercises — keeping learners active, not passive.

• Student Progress Dashboard: Built a clear progress visualization system showing course completion percentages, skill milestones, upcoming deadlines, and earned certificates.

• Live Session Integration: Designed a live class interface with scheduling, real-time Q&A, hand-raise functionality, and session recording access for later review.

• Discussion & Community: Built a threaded discussion board per lesson with upvoting, instructor pinning, and tagging — fostering peer-to-peer learning.

• Instructor Studio: Designed a drag-and-drop course builder for instructors to create, organize, and publish multimedia lessons without technical knowledge.

Technologies Used

• Design Tool: Figma with advanced auto-layout, component properties, and interactive prototypes for stakeholder presentations.

• Illustration: Adobe Illustrator for custom onboarding illustrations, empty state graphics, and achievement badge artwork.

• Prototyping: Figma Smart Animate and Framer for high-fidelity prototypes demonstrating course navigation, quiz flows, and live session interactions.

• Design System: Developed a scalable design system with tokenized colors, typography, spacing, and 200+ reusable components for consistent handoff.

Design Highlights

• Engagement-Driven Layout: Applied learning science principles — spaced repetition reminders, streak tracking, and completion celebrations — to drive daily habit formation.

• Inclusive Design: Designed with screen reader compatibility, keyboard navigation, adjustable text sizing, and high-contrast mode to serve diverse learners.

• Tablet-Optimized: Created dedicated tablet layouts recognizing that most e-learning happens on iPads — with side-by-side content and note-taking panels.