Кейс · Образование
Онлайн-школа английского UniKid: сайт с тарифами и записью на урок
Сайт онлайн-школы английского языка для детей: он ведёт родителя от первого экрана к записи ребёнка на пробный урок и оплате пакета занятий, а калькулятор показывает цену пакета по числу занятий.

Коротко о проекте
Коротко о проекте
Онлайн-школа английского UniKid — проект ITLabs. Сайт онлайн-школы английского языка для детей: он ведёт родителя от первого экрана к записи ребёнка на пробный урок и оплате пакета занятий, а калькулятор показывает цену пакета по числу занятий. Вёрстка адаптивная — сайт одинаково удобен на телефоне и компьютере.
Описание проекта
Как устроено решение
UniKid — онлайн-школа английского языка для детей, и сайт сделан под её главную задачу: провести родителя от первого экрана к записи ребёнка на урок и оплате пакета занятий. Сейчас школа работает на адресе unikid-school.ru, прежний домен uni-kid.ru перенаправляет туда. Сайт отвечает на три вопроса, которые родитель задаёт до записи, — кто будет учить ребёнка, по какой программе и сколько это стоит, — и ведёт к регистрации, после которой открываются оплата и вход в личный кабинет. Первый экран держит один призыв «Записаться на урок» и короткое описание подхода: тематические игры, учебные материалы, домашние задания, задачи по интересам ребёнка.
Тарифы собраны в калькулятор из трёх переключателей: программа — базовая или подготовка к экзаменам, длительность урока — 25 или 55 минут — и число занятий в пакете, от 8 до 96. Цена пакета приходит с сервера под выбранное сочетание и сразу показывается в карточке вместе с параметрами, рядом — кнопка «Оплатить». Школа меняет цены в базе, не трогая вёрстку, а родитель видит итоговую сумму до регистрации, а не после звонка менеджеру.
Программа курса разбита на семь ступеней — Preschool, Starter 1 и 2, Mover 1 и 2, Flyer 1 и 2, — которые переключаются вкладками. Карточка ступени показывает число занятий, длительность урока, срок прохождения и то, чему ребёнок научится: для Preschool это 32 занятия по 25 минут за 2–3 месяца, знакомство со звучанием английской речи и ответы на простые вопросы о себе. Страница преподавателей даёт карточку на каждого: фото, стаж и специализацию — IELTS, TOEFL, FCE, ОГЭ и ЕГЭ, английский для детей, — а у части педагогов стоит отметка «Премиум».
Регистрация устроена под семью: в форме отдельно указываются имя и фамилия ребёнка и родителя, почта, телефон и пароль. Вход — по почте и паролю; обе формы открываются окном поверх страницы и не уводят посетителя с того места, где он был, а пароль можно показать, чтобы не ошибиться при вводе. Оформление держится на фирменной сиреневой палитре школы и рисованных элементах — крупные круглые кнопки, цветок, солнце, мазки кистью за заголовками, — что задаёт детский, но не игрушечный тон для взрослого, который принимает решение.
Что сделали
Что на сайте школы
Путь к записи — главная страница выстроена под запись ребёнка на пробный урок
Адаптивная вёрстка под телефон и планшет
Первый экран с одним призывом «Записаться на урок»
Калькулятор тарифа: программа, длительность урока, число занятий
Цена пакета с сервера под выбранное сочетание параметров
Кнопка «Оплатить» прямо в карточке тарифа
Программа курса вкладками: Preschool, Starter, Mover, Flyer
Карточка ступени: число занятий, длительность урока, срок и результаты
Карточки преподавателей со стажем и специализацией
Отметка «Премиум» у части преподавателей
Регистрация с данными ребёнка и родителя
Вход по почте и паролю во всплывающем окне
Показ пароля при вводе
Фирменный стиль школы: сиреневая палитра и рисованные элементы
Как выглядит интерфейс
Экраны решения
Вопросы и ответы
Частые вопросы о проекте
Что за сайт ITLabs сделала для UniKid?
Сайт онлайн-школы английского языка для детей UniKid: программа курса по ступеням, преподаватели, тарифы с калькулятором цены, регистрация и вход. Все разделы ведут к одному действию — записать ребёнка на урок и оплатить пакет занятий.
Как на сайте считается стоимость обучения?
Родитель выбирает программу, длительность урока и число занятий, и цена пакета сразу приходит с сервера под это сочетание. Школа меняет цены в базе данных, а не в коде страниц, поэтому прайс на сайте не расходится с действующим.
Какие программы есть в онлайн-школе UniKid?
Курс разбит на семь ступеней: Preschool, Starter 1 и 2, Mover 1 и 2, Flyer 1 и 2. Для каждой указаны число занятий, длительность урока, срок прохождения и чему научится ребёнок; отдельный тариф — подготовка к экзаменам.
Можно ли узнать о преподавателях до записи?
Да, у каждого преподавателя своя карточка: фото, стаж и специализация — международные экзамены IELTS, TOEFL, FCE, подготовка к ОГЭ и ЕГЭ или работа с детьми. Родитель выбирает школу, уже зная, кто будет вести занятия.
Похожие проекты
Смотрите также
Ритейл и торговые сетиМаркетплейс БПЛА: интернет-магазин беспилотников с нуляМаркетплейс БПЛА — проект ITLabs: интернет-магазин беспилотных летательных аппаратов и комплектующих, разработанный с нуля. Каталог, личный кабинет…Смотреть кейс
Ритейл и торговые сетиВеб-сервис «Твой мультик»: персональные мультфильмы по фото ребёнкаВеб-сервис генерации мультфильмов — проект ITLabs: платформа, которая собирает персонализированный мультфильм по заданным материалам. Есть личный…Смотреть кейс
Музеи и культура · ДивеевоДивеевский музей: сайт и терминалы для экспозицииДивеевский музей — проект ITLabs: комплект из сайта и сенсорных терминалов в залах. Одни и те же материалы экспозиции, афиша, билеты и раздел о…Смотреть кейс Продукты и направление из этого проекта
Проект во внешних источниках: uni-kid.ru
Сайты и порталы — обсудим ваш проект?
Расскажите про объект и задачу — предложим состав решения и покажем похожие внедрения.