Day 6/21 - Course Detail Page for an Online Learning Platform by K N Abhishika
Designed a course detail page with below highlights:
- Clear Course Information
Provides concise details and ratings for transparency, helping users make informed decisions.
- Easy Navigation
Sticky tab navigation allows quick access to sections, curriculum, and projects for seamless exploration.
- Author and Feedback Insights
Includes information about the course author and student feedback to build trust and credibility.
- Persistent Call-to-Action
Sticky "Buy Now" and "Add to Cart" buttons stay visible while scrolling, prompting easy enrollment.
- Flexible Sharing Options
Wishlist and share options in the top navbar for flexibility in user interaction and engagement.
- Featured Course Tags
"Featured" tag highlights course popularity, with subtitle labels enhancing accessibility.
- Organized Curriculum Structure
Sections and lectures are organized in dropdowns with durations listed, and videos feature blurred play buttons until enrollment, keeping the layout clutter-free and user-friendly.
Prototype here:
https://www.figma.com/proto/XS4NA9yqvAh5N0vfuozdLV/PeerList-Design-Challenges?page-id=0%3A1&node-id=76-117&node-type=frame&viewport=790%2C-3747%2C0.37&t=kBt3LgKXizptZA3a-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=76%3A117&show-proto-sidebar=1
Your upvotes and feedback are welcome!
Words have more power than we think. Be kind.