English Prime

English Prime

Разработка сайта киевской школы английского «English Prime»: 50 курсов, расписание групп по филиалам Киева и онлайн, тест уровня, прайс, блог и запись на пробный урок. Два языка, страницы собираются из блоков в админке.

Корпоративный сайт
Первый экран сайта школы английского «English Prime»

Сайт школы английского, который собирается из блоков

О проекте

«English Prime» это сеть школ английского языка в Киеве: филиалы по городу плюс онлайн-формат. Курсы разбиты на восемь направлений: для взрослых, для детей, разговорный английский, для начинающих, специализированные, интенсивные, индивидуальные и профессиональные. Сайт мы сделали с нуля и ведём до сих пор: сейчас в нём около тысячи адресов, из них 50 страниц курсов и больше 770 публикаций блога. Сайт работает на украинском и русском, переключатель стоит в шапке.

Задача сайта одна: довести человека от «хочу подтянуть английский» до записи в конкретную группу. Поэтому путь собран из шагов, а не из одной кнопки. Уровень можно определить онлайн-тестом, который в конце показывает результат и подходящий курс. Курс выбирается в каталоге по направлению, а его страница показывает формат, длительность, размер группы, цену и программу по уровням. Дальше расписание ближайших стартов с разбивкой по филиалам, отдельная страница цен и запись на бесплатный пробный урок. Форма записи открывается модальным окном прямо из карточки курса и наследует её цвет, чтобы человек видел, на что именно записывается.

Второй большой контур это контент, и его школа ведёт сама. В админке собран конструктор блоков: страница складывается из готовых секций, поэтому новую посадочную под направление, филиал, профессию или формат обучения менеджер собирает без разработчика. На том же конструкторе живут блог и статьи в шести рубриках, справочник грамматики, отзывы, акции, стипендиальная программа, Speaking club, гарантии, методика, вакансии с анкетой и карта филиалов.

Технически проект разделён надвое: витрина собрана на Next.js с TypeScript, а данные она берёт по GraphQL из бэкенда на Laravel, где живёт админка на Laravel Nova. Интерфейс построен на HeroUI и Tailwind. Витрина едет в Docker-контейнере, перед ней Cloudflare. Из серверной части на витрине отдаются метатеги и hreflang отдельно для каждого языка, sitemap-индекс из пяти карт и постоянные редиректы, собранные в один файл, чтобы адреса не терялись при переносе страниц.

Главная страница «English Prime» целиком

Используемые технологии

ФРОНТЕНД

БЭКЕНД И АДМИНКА

Блок выбора курса на главной: онлайн и офлайн, с длительностью и ценойСтраница курса: формат, длительность, количество студентов в группеРасписание ближайших стартов групп по филиаламКарта филиалов школы с адресами и фотографиями
Страница цен на курсыОнлайн-тест на определение уровня английскогоОкно записи на курс: цвет формы наследуется от карточки курсаСтатья блога с оглавлением и заданиями
Главная страницаКаталог курсов по направлениямСтраница курса на телефонеСтраница ценАкции и скидкиСтраница «О школе» с командой преподавателейМетодика обученияСтипендиальная программаСтраница преподавателя на телефонеМобильное меню

Больше страниц

Главная страницаКаталог курсов по направлениямСтраница онлайн-курсаКурс для школьников: отдельная посадочная под возрастКурсы в филиале: отдельная посадочная под район города
Страница ценТест на определение уровня английскогоРезультат теста с рекомендованным курсомСтраница «О школе» с командой преподавателейМетодика обучения
Гарантии школыРасписание группАкции и скидкиСтипендиальная программаSpeaking club с расписанием встреч
Статья блогаНовости школыОтзывы студентовКонтакты с картой филиаловСтраница 404