Course Page Design for Trading Education Platform
Mustofa Al-Ameen Mustafa
Add Course Page — Trading Education Platform
🧩 Overview
This screen was designed as part of a larger tutor dashboard experience for a trading education platform.
The goal was to create a simple, guided flow that allows tutors to upload lessons, structure their curriculum, and set pricing without friction.
Design Goals
Streamline course creation and publishing.
Maintain consistency with the existing dashboard system.
Provide a modular layout that scales with multiple lessons or media types.
Reduce tutor overwhelm by breaking the process into intuitive steps.
Layout Structure
Top Bar: Page title + quick help icon.
Main Form Area:
Course title and description.
Lesson builder (add, reorder, upload videos).
Pricing and access options.
Sidebar Preview: Live preview of course thumbnail and structure.
Action Buttons: “Save Draft” and “Publish Course.”
After publishing, a success modal appears to confirm the course is live.
Visual Language
Clean, distraction-free workspace.
Consistent with the platform’s unified UI system — soft shadows, rounded cards, and subtle depth.
Primary Accent: Emerald Green (#27AE60) — chosen for its symbolism of growth, learning, and trust.
Neutral support tones: light grey backgrounds (#F9FAFB), dark text (#1E1E1E), and soft dividers (#E5E7EB).
The color system communicates clarity, balance, and progress, aligning with the platform’s educational purpose.
Result
A focused and scalable interface that makes course creation effortless.
Tutors can now go from idea to published course in minutes — all while staying within a unified, professional dashboard experience.
This design is part of a growing tutor ecosystem for financial education.
#UIDesign #CaseStudy #WebAppDesign #SaaSDesign #DashboardDesign #MagicPathAI #Builderio #UXDesign #DesignProcess
Like this project
Posted Oct 8, 2025
Designed a tutor dashboard for a trading education platform.
Likes
0
Views
5
