XCeltutors is an educational platform that connects students with specialized tutors across various fields of knowledge. Inspired by models like Preply, it makes personalized learning easy, helping each learner find the ideal tutor to achieve their goals.

Year

Duration

Category

Company

My role

XCeltutors: Making excellence accessible, engaging, and personal

About the project

When I joined the company, the project was already under development with limited clarity on user expectations. To quickly immerse myself in the context, I started with Desk Research to understand the educational landscape and competitive benchmarks. I also met with key stakeholders to align on the platformโ€™s goals, challenges, and long-term vision.

Given the short timeline, I decided to conduct a Survey to collect insights directly from potential users โ€” both students and tutors. This form-based approach provided surprisingly rich and actionable feedback, helping us identify core needs and opportunities without the need for extended user interviews.

At this stage, the user journey begins to take shape. We combined survey insights with stakeholder priorities, finding the right balance between user needs and project goals. And so, XcelTutors comes to life.

As we analyzed the survey responses, we uncovered valuable insights that helped shape the platform and deliver immediate value to stakeholders. A follow-up presentation was then created to align expectations and guide the project forward.


Digital Frictions: Many users struggle with finding specialized teachers online. They crave simplicity, wishing for an intuitive and seamless way to connect with experts.

A Desire for Expertise: A large majority of students (85.5%) highlighted that the most important factor for them is easily discovering teachers who specialize in their area of interest.

Efficiency Matters: For teachers, the focus is equally clear: 84.1% indicated that the most important aspects are organizing their classes effectively and maximizing financial returns.

How could we understand the needs

and motivations of students and tutors

in a short period of time?

Crafting the User Journey

for XCeltutors

Connecting Minds: Exploring Xceltutors Usersโ€™ Perspectives through Research

2025

6 months

Desktop

XCeltutors

UX/UI Designer

User survey

Platform

Google Forms

Understand how people currently search for specialized teachers

Anyone looking for specialized education, whether to learn or to teach

20 people

Main Objective

Target Audience

Answers

17 users

reported issues ranging from a lack of familiarity with specialized teaching platforms to suggestions for solutions similar to existing models.

85.5% of students

indicated that the most important factor for them was easily finding specialized teachers in their area of interest.

84.1% of tutors

stated that the most important factors were class organization and financial return.

Results

100%

5min

of the test participants successfully completed all designed tasks.

the average time to

complete the 5 tasks.

comment after taking the test

โ€œIt was easy!

It reminds me the

apps I use.โ€

Designed and implemented multiple screens and features across both mobile and desktop platforms, ensuring a consistent user experience and contributing to the evolution of the platformโ€™s overall design and functionality.

How we translated research data into the Interface

Landing Page

The opening section introduces XcelTutorsโ€™ mission, emphasizing personalized learning and expert guidance. It highlights key subjects and our commitment to student successโ€”clear, engaging, and focused on results.

Provides clear, compelling information about our tutoring plans, benefits, and results. Each section is designed to build trust and make it easy for users to understand our value.

Dashboard

Chat

Calendar

The XcelTutors dashboard, inspired by DataCamp and Preply, features a clean design with a simple side menu for quick, organized access โ€” making navigation easy for both students and tutors.

The calendar centralizes all scheduled classes and important dates, helping users stay organized and maintain a clear overview of their academic activities.

Users can easily switch between daily, weekly or monthly views, allowing them to explore their schedule with the level of detail that best fits their planning needs.

With a built-in calendar, reminders, and upcoming classes, the dashboard keeps users organized and focusedโ€”making scheduling simple for students and tutors.

The integrated chat screen streamlines interaction between students and teachers, enabling real-time communication, faster responses, and a more connected learning environment.

Document sharing is already built in, and features like photo and video upload illustrate what the chat can further support moving forward.

Back to top

Establishing a flexible design system that standardizes UI elements and enhances the platformโ€™s overall usability.

Design System

Spacing

0

1

4px

2

8px

3

16px

4

32px

5

64px

6

128px

7

256px

8

512px

8px grid

The spacing scale is based on the 8px grid. Fall back to the 4px minor grid if the spacing scale is not sufficient.

Fonts

Volkhov

Poppins

Inter

Download

Make sure you have the right version of Volkhov, Poppins and Inter installed.

Text

small

The quick brown fox jumps over the lazy dog

default

The quick brown fox jumps over the lazy dog

large

The quick brown fox jumps over the lazy dog

xlarge

The quick brown fox jumps over the lazy dog

small

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

default

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

large

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

xlarge

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tokens

TUTOR Tokens

Super Tutor

Teacher

Tutor

Super Tutor

Teacher

Tutor

University of Cambridge

0

Lessons

Inclusive teaching

Buttons

pLATFORM buttons

Landing page buttons

Sign up

Login

Letโ€™s find you a tutor

Become a tutor

Find a tutor

Physics

Book a free 15-min call

Add more sections

Add a new time

Book a lesson

Book a free 15 minutes call

Go to class

Cancel class

Awaiting for tutor approval !

Reschedule class

Save changes

Delete my account

Confirm

Login

Continue with OTP Code

Colors

Dark

default text

Light

light text

White

bg

Light gray 1

Yellow bright

Yellow

Dark yellow

Orange bright

Orange light 1

Orange light 2

Red bright

Dark red

Dark blue 1

Dark blue 2

Dark blue 3

Blue bright

Blue light 1

Blue light 2

Blue light 3

Green bright

Green light

Designed and implemented multiple screens and features, ensuring a consistent user experience and contributing to the evolution of the platformโ€™s overall design and functionality.

Interface Design & Features

Create a free website with Framer, the website builder loved by startups, designers and agencies.