Goal
At first, we aimed to create an educational live streaming platform for people to share their knowledge, essentially a 'Twitch for education.'
However, during our research and testing, we pivoted toward a language learning marketplace. In the future, LiveXP plans to expand to include other skills for people to share.
Before we continue, watch the video of LiveXP of our dreams.
Challenge
For learners
To understand the user I took my own path of trying to learn on every platform we considered as competitor and results were insightful. In general I had a hard time finding a tutor.
I encountered the following pain points:
Limited budget
Variety of tutors teaching a specific language
Tutor's availability and timezone
Even when I finally found a tutor who seemed like a good fit, I faced the second set of barriers:
Proof of tutor's capability to teach
Accent, speech tempo and mood
Overall quality and completeness of the profile
For tutors
COVID forced many people to adapt quickly and learn to work online.
Education marketplaces were already overcrowded with professional tutors. It made offline-to-online switch really difficult especially for community tutors.
Pain points:
Overcrowded and hard-to-stand-out platforms
Complicated registration and verification process
Geographic related payout issues
The team in the office
Solution
For learners
Onboarding:
Choose language to learn
Choose current proficiency level
Take a proficiency test
Set learning goal
Search and Match:
Platform recommends tutors based on current geo and rating based on reviews
Filters allow to sort by budget, availability, country, speaking language and more
Tutors' profiles provide information all above plus custom description, interests, tutor's articles and other teaching materials
Selection:
Users can request trial lessons or interact with tutors before making a selection
Learning Experience:
Get notified before the lesson
During lesson take all kind of notes (text, files, videos), add new words to vocabulary, share screen or use multiplayer whiteboard (Miro integration)
Feedback and Evaluation:
Provide feedback on the learning experience and platform
Leave optional gratitude tips
Community services
Read articles in the blog written by tutors' and official LiveXP authors
Ask language learning related questions
For tutors
Profile:
Create detailed profiles showcasing their teaching capabilities, intro video that demonstrates their speech and accent
Provide samples of lessons and qualifications
Availability:
Set available weekdays and hours, take vacation or set busy periods
Verification and Quality Assurance:
Complete verification steps to ensure they meet teaching standards
Ongoing quality checks maintain the overall quality and completeness of tutor profiles
Reviews and Community:
Answer to learners reviews on you
Discuss and answer learners questions
User experience flow: scheduling and conducting a lesson
Design
When it comes to creating a platform such as an educational marketplace, you can find great examples in current market whales like Preply and Italky. They serve as examples of how to do it right, having attracted substantial traffic and setting UI/UX patterns that people have grown accustomed to.
Therefore, when planning to attract users to your product, it's advisable to follow similar UI/UX patterns in look, feel, and usability to help users become familiar with your product more quickly.
Discovering tutors
Pivot from a multi-skill marketplace to a subscription-based language learning platform.
Early design of home page vs subscription based home page
Tutor discovery A/B testing on the category page
Student dashboard
Set up your personal schedule,
track your progress,
and keep the learning streak!
Tutor profile
Learn more about the tutor and book a trial lesson
to see if you are a good fit.
Booking and paying for a lesson
Schedule for later or start a lesson instantly if the tutor is available.
Pivot to subscription
We were prepared for the fact that this transition would lead to the loss of some expensive tutors, but this step was necessary to achieve our business goals within the set deadlines.
Prior to implementing this change, we conducted numerous interviews with both students and tutors to gather their feedback and facilitate the smoothest transition possible.
Conducting a lesson
Lesson structure
Warm-up:
Use the Chat to greet each other, set the lesson's tone, and discuss any questions or expectations.
As a tutor, consider utilizing Screen Sharing to display a warm-up video or relevant content that engages the class.
Introduction:
In the Chat, introduce the lesson's topic and objectives. This is where the tutor can explain the lesson plan.
Screen Sharing can be used to visually introduce the topic or share multimedia content related to the lesson.
Main Activity:
Engage in the main lesson content, using the Chat for real-time questions and discussions. Both tutors and students can participate actively.
Leverage Screen Sharing for live demonstrations, interactive exercises, or sharing relevant online resources. It's a collaborative space for learning.
Feedback and Corrections:
Provide immediate feedback and corrections through the Chat for on-the-fly guidance. It's a space for interactive discussion.
Use Screen Sharing to clarify specific examples or provide visual explanations, enhancing learning for everyone.
Homework or Assignments:
Share homework assignments and due dates in the Chat, ensuring everyone is aware of the tasks.
If needed, use Screen Sharing to explain complex homework tasks or provide additional instructions, making sure everyone is on the same page.
Closure:
Summarize key takeaways and next steps in the Chat, allowing students and tutors to ask final questions and provide comments.
The tutor can employ Screen Sharing for a visual summary or display the next lesson's agenda, ensuring clarity for all.
If that was the last scheduled lesson, tutor can ask learner if they want to continue learning together with one click.
Virtual classroom for 1-on-1 lessons
End of the trial lesson followed by the subscription prompt
Lesson management
Get notified of upcoming lessons via iOS or Android apps, agree on rescheduling or canceling lessons.
In-app lesson management: notifications, schedule, rescheduling, chat, dashboard
Tutor studio
Onboarding – no interview or documents required
Compared to the competitors, on the LiveXP platform, tutor onboarding has been designed to be as straightforward as possible.
However, it can be a rather lengthy process, especially if you are registering your very first tutor account and have never tutored online on similar platforms, and do not have a pre-made biography or a video about yourself.
Tutor onboarding steps: teaching settings, availability, introduction, rules
Tutor dashboard
Lesson calendar (schedule), availability management, charge rate progression, wallet, lesson settings, vacation mode, busy mode and more.
Design system
UI kit
I like to remember our first front-end dev (he's head of the front-end department now) said 'One component each day.' So we stuck to the plan of adding one component every day from the very beginning of the development.
It kept our codebase clean, manageable, and less prone to becoming a legacy mess.
It also provided us with the high speed of scaling UI. For instance, to add a new option in the menu or even a whole new menu the developers only needed a text description of the task.
Colors, typography and just a few components demo
Icons & animations
Material Design Icons has great readability and pretty simple guidelines. Some of the icons I've created myself using Material guidelines.
We also connected our codebase with the icons frame via Figma API so designers could easily update icons (in case of emergency) without asking the devs to re-upload the files.
Our talented motion designer created all animations and videos, with my direction.
Icons frame connected to codebase via Figma API
Results:
In 2 years of development and experimenting LiveXP has:
35 languages available to learn
3000 tutors from around the world
1000 active students on web, iOS and Android
Grown the team from 3 to 40 people
Upcoming plans to add more skills to the platform
What I've learnt:
If you stuck – pivot. The earlier you realize that you stuck the better.
In a start-up a product designer can take on two additional roles: project manager and product manager.
Conducting user interviews and tests before and after feature releases is a MUST.
Hire a QA as soon as possible.
Create UI kit before you drown in thousands of code strings.
Plans for future
In the next year LiveXP plans are straight:
High-end word trainer app
AI tutor co-pilot
In-app tutor studio
And in more far future adding other skills like psychology, mental training and more