Anabela Teslić
E-Sharp music course page — full showcase

E-Sharp

Learning platform

The project focuses on course page design featuring a video player where users access music lessons.

The main concerns were to include easy navigation through the course with the current lesson in focus. User-friendly indications of progress and good accessibility features to improve self-paced learning.

View Prototype

01

Easy course navigation

A drop-down menu featuring various types of videos and exercises helps users track their progress and easily navigate through different sections.

E-Sharp course navigation drop-down menu

02

Video actions and progress

Buttons for easy navigation between videos, enabling users to progress through their learning journey without any interruptions.

E-Sharp video player with navigation actions and progress indicator

03

Transcript and language accessibility

Language selection for video transcripts and subtitles enhances accessibility, allowing a broader audience to engage with the content in their preferred language.

E-Sharp video transcript with language selection

04

Responsive layout

A responsive layout emphasizes the video and transcript, ensuring a clean, distraction-free layout that keeps the focus on the content.