Project / Online courses
Online Course Website with Lesson Booking: AtelierLibres
AtelierLibres teaches French online over Zoom to adults and young people of any level around the world. On the website, a student buys a course, signs in to a personal account and picks the day and time of a lesson in a calendar.
ClientAtelierLibres
AudienceAdults and young people of any level, worldwide
LanguagesFrench as the main language, translation with Multigura
FieldOnline French courses over Zoom
Project in brief
AtelierLibres offers online French courses, with lessons held over Zoom. The website is built on WordPress with the Eduma theme, LearnPress and Elementor. Buying a course, registration and a personal account all work online. A lesson is booked through a calendar and confirmed by an administrator. French is the main language of the site, and translation runs through Multigura.
Challenge
What an online course website has to do
Students come from different countries and at different levels. Choosing a course, buying it and booking a lesson should all happen on one website.
A course must be sold online, with registration and sign-in
Both the student and the teacher need their own account
The student picks the lesson time, and an administrator confirms it
French is the main language, while the audience is worldwide
The brand is built on four values:
Listening
Kindness
Precision
Creativity
The courses page on desktop and mobile
Design process
Structure and style before the build
Before the build, wireframes and a style guide were prepared. The wireframes showed the page structure and the content layout. The style guide gathered the visual style of the site in one document.
Wireframes of the site pages
Style guide of the website
Solution
How the course platform works
The site is built on WordPress with the Eduma theme, and its pages are made in Elementor. LearnPress manages the courses. A student buys a course online, registers and signs in to a personal account. The teacher has a personal account too.
Besides language courses, the site has sections on psychology, fashion and cinema. All of them are tied to French culture.
If you are planning a similar platform, take a look at the website development service and its pricing.
WordPress
Elementor
Eduma
LearnPress
Booking Calendar
Multigura
A course page with the price and a buy button
Booking
How a lesson is booked in the calendar
The student picks a convenient day and time in the booking calendar.
The booking goes to the administrator and takes effect after confirmation.
A confirmed lesson takes place over Zoom, so a student can learn from any country.
The site on phone screens
Technical side
Features that make the site easier to use
Each feature answers a specific need of a student or an administrator.
Personal accounts
The student and the teacher each have a separate account. Sign-in is available after registration.
Multilingual site
French is the main language and translation runs through Multigura. The language switcher sits in the menu and follows the site style.
Header on scroll
The Elementor header hides when scrolling down and returns when scrolling up, changing its color. The footer is also built in Elementor.
Scroll indicator
The indicator shows how far down the page you are. Next to it, a button returns you to the top of the page.
Mobile version
The site is optimized for mobile. Buying a course, the account and booking are convenient on a phone too.
Interface
How the site looks
The full home page: scroll inside the frame
The site on a laptop and a phone
Need a website with booking for your online courses?
Fill in a short form in two minutes and get an exact price and timeline. The consultation is free.
