English Prime

Сайт школы английского, который собирается из блоков
О проекте
«English Prime» это сеть школ английского языка в Киеве: филиалы по городу плюс онлайн-формат. Курсы разбиты на восемь направлений: для взрослых, для детей, разговорный английский, для начинающих, специализированные, интенсивные, индивидуальные и профессиональные. Сайт мы сделали с нуля и ведём до сих пор: сейчас в нём около тысячи адресов, из них 50 страниц курсов и больше 770 публикаций блога. Сайт работает на украинском и русском, переключатель стоит в шапке.
Задача сайта одна: довести человека от «хочу подтянуть английский» до записи в конкретную группу. Поэтому путь собран из шагов, а не из одной кнопки. Уровень можно определить онлайн-тестом, который в конце показывает результат и подходящий курс. Курс выбирается в каталоге по направлению, а его страница показывает формат, длительность, размер группы, цену и программу по уровням. Дальше расписание ближайших стартов с разбивкой по филиалам, отдельная страница цен и запись на бесплатный пробный урок. Форма записи открывается модальным окном прямо из карточки курса и наследует её цвет, чтобы человек видел, на что именно записывается.
Второй большой контур это контент, и его школа ведёт сама. В админке собран конструктор блоков: страница складывается из готовых секций, поэтому новую посадочную под направление, филиал, профессию или формат обучения менеджер собирает без разработчика. На том же конструкторе живут блог и статьи в шести рубриках, справочник грамматики, отзывы, акции, стипендиальная программа, Speaking club, гарантии, методика, вакансии с анкетой и карта филиалов.
Технически проект разделён надвое: витрина собрана на Next.js с TypeScript, а данные она берёт по GraphQL из бэкенда на Laravel, где живёт админка на Laravel Nova. Интерфейс построен на HeroUI и Tailwind. Витрина едет в Docker-контейнере, перед ней Cloudflare. Из серверной части на витрине отдаются метатеги и hreflang отдельно для каждого языка, sitemap-индекс из пяти карт и постоянные редиректы, собранные в один файл, чтобы адреса не терялись при переносе страниц.

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




















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


























