← All workArchive · 2025

FlatWhite

FlatWhite is an online English school for adults who understand the language but find it hard to speak. I designed its website and built it in Elementor: the home page, pages for individual, pair and group classes, a placement test, the team, an about page, a blog and a contact page.

Visit live

Client: FlatWhite
My role: Web design
Year: 2025
Scope: Offer and prices / Class pages / Booking and forms

The FlatWhite home page in a browser window, a heading that promises to help you get past the block and speak English freely next to a photograph of the teacher sitting with a laptop, and the same page on a phone, on a coffee-brown background — Fig. 01The home page in a browser window and on a phone.

Notes

The school's students are adults who know English and freeze when they have to say something. The first screen asks them just that, do you understand more than you can say, and the page keeps to one path from there: what students say, a free trial lesson, three kinds of classes with their prices, and a form for people who cannot decide which to take. The look takes its cue from the name, English over coffee: cream, coffee brown and one pink accent.

The form for new students in a browser window, a heading and a short invitation on the left with the phone number and the e-mail, and on the right fields for the name, the phone, the e-mail, the days and hours that suit you and the goal of learning — Fig. 02Left: the form for people who are not sure which classes to pick. Right: the three kinds of classes on a phone.

The offer on a phone, the end of the dark trial lesson card with a pink button to book it, and below it a list of three kinds of lesson, individual, in a pair and in a group, each with its price — Fig. 02Left: the form for people who are not sure which classes to pick. Right: the three kinds of classes on a phone.

Design decision

A free lesson before any price

The offer starts with the trial lesson: a dark card marked as the best first step, thirty minutes at no cost, with the only filled button in the section. The three paid kinds of class sit beside it with their prices. Each has its own page, and the one for individual lessons opens with a calendar.

The offer in a browser window, a dark card for the trial lesson with its price of zero and a pink button, beside a white card listing individual, pair and group lessons with their prices, next to the start of the same section on a phone — The trial lesson stands first, in the darkest card.

The page for individual classes in a browser window, a heading about learning English one to one, a short text and a calendar headed choose a date, next to the same page on a phone — Individual classes: the page opens with a calendar.

The about page in a browser window, a heading in which the teacher introduces herself, two paragraphs about her training and a photograph of her lying among English textbooks, next to the team page on a phone — Fig. 03The about page in a browser window and the team page on a phone.