The Brief
Fitness Pioneers (رواد اللياقة) sells courses that teach people how to become fitness trainers. The platform is a learning management system, and I’m redesigning its UI, a one-month project. The redesign covers the public pages, the course pages, the cart and checkout, and the student dashboard. The screens are in Arabic and laid out right to left.
The Challenge
A course platform has to sell and teach. Public pages must explain a course and make someone want to buy it. Once they are a student, the same product has to feel calm and clear while they learn. The challenge was to hold both in one visual system.
Key Decisions
Course discovery works like a scan. The course list shows each course as a card with a photo, a level tag, a rating, its hours, the start date and the price. Category chips sit above the grid, and a filter panel on the side narrows the list by level, type, price and length.
The course page explains before it asks for money. The title, the description and the level come first, then the video, the accreditation options and a purchase card with add to cart and enrol. Below, the curriculum opens into modules, and locked lessons show a lock.
The learning screen keeps the course within reach. The outline sits beside the player, with each module’s lessons, a check mark on the finished ones and a progress bar with a percentage. Under the video come the lesson title, the description, the downloadable files and the final test.
The Screens
Status
In development. The redesign is one month of UI work, and it is not live yet.
Client feedback
The client liked the UI and how easy the whole learning platform is to use.