Fluently - Language Tutor Platform

A modern web platform designed for Fluently, a service connecting students with native speakers for 1-on-1 language tutoring. The project encompasses the entire user journey, starting from the landing page and detailed tutor profiles—complete with certifications and an intro video—to the fully integrated flow for scheduling preferences and lesson confirmation.

Tools Used:FigmaCanvaIconify
Fluently - Language Tutor Platform Mobile Cover 1

1. The Challenge

Context

1-on-1 language tutoring platforms often suffer from cluttered interfaces, fragmented tutor discovery, and administrative friction. Traditional booking flows feel transactional and overwhelming—leaving students confused about conflicting timezones, session packages, and technical class logistics.

Objective

The goal is to increase trial lesson bookings with the 50% off offer, cut tutor search time to under 3 minutes, and prevent timezone booking mistakes with a simple 3-step checkout. At the same time, it lowers beginner anxiety through video-first tutor profiles and gives students direct Google Meet access right after booking.

2. Target Audience

The target audience includes busy workers who need quick lessons before or after their jobs, and young students on a budget who want friendly teachers to help them practice speaking without feeling nervous.

3. The Solution

A simple web platform that makes booking a lesson fast and stress-free in three clear steps. It includes a detailed filter page to quickly find the right teacher by budget, schedule, and goals. Students can watch short video intros, pick time slots on a calendar that automatically adjusts to their local timezone, and get an instant Google Meet link right after payment.

To build trust before anyone commits money, tutor profiles feature short introduction videos, clear student reviews, and verified badges. This removes the awkward guesswork for beginners and lets learners quickly get a feel for a teacher's accent, vibe, and teaching style before their first conversation.

At the final step, the confirmation screen provides a clean lesson card with the direct Google Meet link, local date and time (e.g GMT+3), and quick buttons to message the tutor or go to the dashboard.

Color Palette & Tokens

#EFEEFF

Soft Lavender

Light Background / Surface Accent

#4F46E5

Electric Indigo

Primary Accent / Main Brand Color

#1E1F24

Dark Charcoal

Text Color

#5A5D66

Slate Gray

Paragraphs & tags

Typography System

OutfitLogo & Headings
BoldSemibold

Speak any language with confidence.

DM SansBody copy & UI elements
RegularSemiboldBold

Free learning materials & notes.

Structure & Grid System

Fluently - Language Tutor Platform Grid System