Course Page Design for Trading Education Platform

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.

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.

Top Bar: Page title + quick help icon.

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.

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.

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