Build & Learn Academy.
LEGO-школа для детей 5–10 лет в Лондоне. Сделал проект под ключ: от логотипа и сайта до собственной системы онлайн-записи с оплатой, обложек для Reels и печатных материалов.
Сайт, который сам записывает детей на занятия и принимает оплату
Запустить LEGO-школу с нуля и продавать занятия онлайн
У школы не было ни бренда, ни сайта, ни способа принимать записи. Нужно было, чтобы родители сами выбирали группу по возрасту, записывались и оплачивали, а владелец не тратил время на переписку и таблицы.
Одна связка вместо набора разрозненных сервисов
- Брендлоготип, палитра, иллюстрированный мир
- Сайтmobile-first, ответы на вопросы родителей
- Записьсвоя система: группы, лимит мест, тарифы
- ОплатаStripe прямо в форме записи
- Управлениепанель владельца со всеми записями
- ПродвижениеReels, посты, флаеры с QR-кодом
Визуальная идентичность и логотип
Бренд должен был одновременно понравиться детям и вызвать доверие у родителей. Поэтому строгий плотный шрифтовой логотип, а вокруг него яркий мир из неба, облаков и кубиков LEGO.
B&L AcademyДизайн-система и UI-kit
Прежде чем рисовать страницы, собрал набор правил: палитру, шрифты и компоненты. Поэтому сайт, форма записи и соцсети выглядят как одно целое, а новые страницы собираются из готовых блоков.
Палитра
Типографика · Poppins
Кнопки
Прогресс записи
Карточки
Поля формы
Desktop experience
Первый экран сразу отвечает на три вопроса родителя: что это, для какого возраста и где. Иллюстрация с Dagenham Library показывает, что школа рядом с домом, а кнопка со скидкой на первое занятие всегда в шапке.
Превью главной страницыMobile experience: mobile-first подход
Большинство родителей открывают сайт с телефона, по ссылке из соцсетей или QR-коду на флаере. Поэтому интерфейс сначала проектировался под экран телефона, а уже потом расширялся до десктопа.
Экраны сайта прокручиваются сами: так их видит родитель на телефоне.
Custom booking system: UX-логика
Готовые плагины не умели главного: группы по возрасту, лимит мест, абонементы и скидку на первое занятие. Поэтому я написал свою систему записи под логику школы, с оплатой прямо в форме и панелью для владельца.
Choose your child's age group
Small groups · Max 8 children
Choose your booking option
Select the package that suits you
Pick a date
Only real class days · spots left
Parent details
Only three fields
Complete bookingPayment
Secure payment by Stripe
You're booked!
Wednesday 14 · 17:00–18:00
Ages 5–6 · Monthly Package
Нажимайте на шаги: экран показывает, что видит родитель
Печатные материалы и айдентика
Для продвижения офлайн, в библиотеке и по району, сделал флаеры и постеры. Они продолжают стиль сайта и ведут на запись через QR-код.
Дизайн обложек и Reels
Серия обложек для Reels и постов в той же системе: небо, облака, жёлтая метка с локацией и зелёная кнопка «Book a free class». В ленте аккаунт выглядит цельно, а каждое видео продолжает путь к записи.
Целостная экосистема
В этом проекте я сделал не только сайт, а продумал всю экосистему бренда: от бейджей команды и ролл-апа в библиотеке до Reels и системы записи. Каждая часть ведёт к следующей: родитель видит флаер или видео, попадает на сайт, записывается и оплачивает, а владелец получает запись без единого звонка.
Посмотреть живой проект
Сайт работает и принимает записи онлайн. Откройте его и попробуйте пройти запись сами.