Post by Abhishek Paatni

Day 6/21 - Course Detail Page for an Online Learning Platform by Abhishek Paatni

I am creating 3 screens as follows.

My Courses Screen:

  • Shows enrolled courses

  • Course progress

  • Last accessed date

  • Module/lesson count


Modules Screen:

  • Opens when course is selected

  • Auto-resumes from last position


Course Details Screen:

  • Basic Info:
    • Course name & duration
    • Instructor details + profile link
    • Progress tracking
    • Enrollment CTA


  • Course Content:
    • Full syllabus
    • Total lessons/modules


  • Social Proof:
    • Ratings
    • Student reviews


My Strong Points:

  1. Visual Design & Hierarchy:

    • Clean, minimal design that maintains focus on content

    • Excellent use of white space and typography

    • Smart use of circular progress indicators

    • Professional dark mode color scheme that reduces eye strain

  2. Information Architecture:

    • Logical grouping of skills with pills/tags

    • Clear status indicators for lesson completion

    • Well-structured timeline view of lessons

    • Smart placement of instructor information


Now, its time for you people to give me critique. I will be waiting in the comment sections.😃

Your upvotes and feedback are welcome!

Words have more power than we think. Be kind.