01
Задача
«Лесенка» — частная школа с несколькими форматами обучения и группой продлённого дня. При выборе школы родителям нужны конкретные сведения: для какого возраста подходит программа, как устроен день, что входит в предложение и как познакомиться со школой лично.
Сайт уже работал. Требовалось развить его содержание и привести отдельные элементы к общей подаче. Одно из направлений — продлёнка для младших школьников: условия, занятия, питание, расписание и стоимость должны были находиться в самостоятельном, управляемом блоке.
Отдельные правки касались геометрии интерфейса: изображений в карточках, контактов внизу страницы и поведения мобильного меню. Эти детали влияют на то, насколько удобно читать страницу и переходить к обращению.
02
Решение
Оформил продлёнку как отдельное предложение. В блоке собраны возрастная группа, особенности дня, питание и стоимость. Родителю не нужно собирать эти условия из нескольких фрагментов страницы. Кнопка рядом ведёт к следующему действию — записи на экскурсию.
Вынес содержимое блока в поля WordPress. Заголовок, описание, пункты программы, питание и цена имеют отдельные поля. Это позволяет обновлять условия без замены всей вёрстки.
Согласовал блок с оформлением школы. Раздел продлёнки переработан в логике уже существующих смысловых блоков. Он остаётся заметным, но не выглядит отдельным рекламным фрагментом, случайно добавленным к странице.
Выровнял карточки и контакты. Привёл изображения учебных направлений к одинаковой высоте и уточнил расположение элементов в карточках и подвале. Разная длина содержания меньше мешает сравнению вариантов и чтению страницы.
Исправил мобильную шапку. Доработал логотип и наложение элементов в меню на узком экране. Навигация и обращение должны оставаться доступными, когда родитель открывает сайт с телефона.
03
Результат
На сайте есть отдельный блок продлённого дня с условиями и действием для записи, карточки образовательных направлений и форма знакомства со школой. Содержание продлёнки хранится в управляемых полях. Мобильная шапка и повторяющиеся элементы страницы получили согласованную геометрию.
Родитель может пройти от знакомства со школой к выбору направления, прочитать условия продлёнки и открыть запись на экскурсию. Для этого не нужно покидать сайт и отдельно искать способ обращения.
Технологии: WordPress, ACF, PHP, CSS.
Проект в деталях
