Lessonface

Marko Cadjenovic

Overview

Lessonface has connected over 30,000 students with over 2,000 great teachers for online lessons since 2012.
I joined them in late 2023 and took part in reworking the Lessonface experience that sits at the intersection of the teacher and the student.
Results: 30% conversion rate improvement on beta

The Challenge

Our main goal for the project was to move out of beta and provide a great experience in connecting with a teacher. The promise is simple: Great teachers, great lessons, guaranteed. Our ambitions were to create a strong foundation that embraced a growing business and a diverse user base. Our high-level goals were to: - Make it simple and easy to use for everyone, everywhere. - Give teachers control over their time and schedule - Give students an easy way to book a lesson - Create a platform for deeper engagement

My Role

I took over the design of the core features between December 2023 and December 2024 and collaborated with the Founder & CTO on the Dashboard, Schedule, Messaging, and Booking features. I worked on creating a Design System to improve the cohesion and scalability of the platform. In addition, I worked with Lessonface teachers for interviewing and used Hotjar to leverage solutions based on data. The app came out of Beta, in September 2024.

Design Works

1# Main navigation

Old Navigation
Old Navigation
Both teachers and students find difficulties in navigating the app. Icons by themselves didn’t provide enough information.
While it was obvious from the feedback and the recordings that the desktop version could benefit from cleaning up and making Quick Contact less prominent, as the whole idea was to make things obvious rather than referring to Instructions and Help.
Design Decision
Showing the menu visible at all times on the desktop to avoid confusion regarding icons' inability to communicate specific features to Lessonface.
Teachers often invite their students to the lessons. The “+ Create Lesson” button was introduced into the main navigation.

2# Confusion in the Timezones

Teachers and students would need to set their time zones, and then the time zones would show up in their lessons. But to book a lesson you would need to calculate the time difference manually. This created exhaustive manual labor & uncertainty.
Design Solution
Not only that the system was set to check your current time zone and inform you. But it would tell you precisely the time across the features such as Lessons, Messages, and Contacts.
Making interaction between students and teachers easy but showing local times
Making interaction between students and teachers easy but showing local times

3# Scheduling & Availability

While some of the unsorted feedback was available, we decided to create a survey not only to learn more, but to show the Teachers that we are listening and that we care about them first, and foremost.
Old Availability Scheduler
Old Availability Scheduler
We crafted the survey with 8 questions combining known issues as well as open-ended ones.
We got 115 responses in just a few days that revealed the following:
Teachers would forget to update their availability schedule, which would leave students to pay for lessons they can not take in the time they booked creating inconvenience for both students and teachers. Also, the Lessonface team would need to manage the student and turn it into paid credits.
Teachers can not know what type of availability are they setting. They would assume it's weekly (in one’s own words.) This also makes updating and management overwhelmingly difficult to adjust.
Keep the desktop clean, but improve mobile navigation and optimize for big fingers. Additionally, the main features were separated from the ones that are used less frequently
Lessonface users also use other calendars to schedule their daily lives. The inability to sync between them causes chaos when booking a lesson
Design Decisions
The goal was to make it simple to add available times, and close times and promote recurring schedules.
After three major iterations combined with user testing, we came to our complete feature.
Empty Calendar v1
Empty Calendar v1
Setting Up Availability Wizard
Setting Up Availability Wizard
Calendar Final Design
Calendar Final Design
1. Clutter reduced even further I decided to remove the top bar and give all the space to the Calendar. This will prove even more useful as we go to smaller screen sizes.
2. Keeping the flexibility with times on one screen, so users don't miss anything + Improved clunky inputs to reduce visual clutter even further by displaying times in one line
3. Calendar now shows blocked times from syncing with external calendars

4# Design System

Like this project

Posted Feb 9, 2025

I took part in reworking the Lessonface experience that sits in the intersection between the teacher and the student.

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc