English Prime

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

Завдання сайту одне: довести людину від «хочу підтягнути англійську» до запису в конкретну групу. Тому шлях зібраний із кроків, а не з однієї кнопки. Рівень можна визначити онлайн-тестом, який наприкінці показує результат і придатний курс. Курс обирається в каталозі за напрямом, а його сторінка показує формат, тривалість, розмір групи, ціну і програму за рівнями. Далі розклад найближчих стартів із розбивкою по філіях, окрема сторінка цін і запис на безкоштовний пробний урок. Форма запису відкривається модальним вікном просто з картки курсу і успадковує її колір, щоб людина бачила, на що саме записується.

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

Технічно проєкт розділений надвоє: вітрина зібрана на Next.js із TypeScript, а дані вона бере по GraphQL із бекенду на Laravel, де живе адмінка на Laravel Nova. Інтерфейс побудований на HeroUI і Tailwind. Вітрина їде в Docker-контейнері, перед нею Cloudflare. Із серверної частини на вітрині віддаються метатеги і hreflang окремо для кожної мови, sitemap-індекс із пʼяти карт і постійні редиректи, зібрані в один файл, щоб адреси не губились при перенесенні сторінок.