Разработка лендинга для образовательного центра

Центру развития интеллекта «Мой Ломоносов» нужен был лендинг, который помогает родителям быстро понять ценность занятий и оставить заявку.

В проекте было важно не просто рассказать о курсах, а показать доверие: преподавателей из сильных вузов, мини-группы, результаты учеников, отзывы родителей и понятный сценарий записи на занятия.

«Мой Ломоносов» — образовательный центр для детей, который готовит учеников к поступлению в сильные школы Москвы. Занятия проходят в мини-группах от 1 до 5 человек. Доступны очный и онлайн-формат.

Преимущества центра: работает с 2012 года, преподаватели из МГУ, уникальная методика и выпускники, которые поступают в ведущие лицеи и школы.

Создать лендинг, который станет основным каналом привлечения клиентов для образовательного центра: понятно объяснит ценность занятий, усилит доверие к преподавателям и упростит запись.

• Понятная подача курсов. Родители быстрее понимают, какие занятия подходят ребенку: очные, онлайн, групповые или индивидуальные.

• Сильный блок преподавателей. Экспертность команды становится видимой и помогает снять недоверие перед записью.

• Фото преподавателей на фоне МГУ. Визуально усиливает связь с академической средой и повышает статус проекта.

• Раздел с отзывами. Родители видят реальные результаты учеников и быстрее принимают решение.

• Форма онлайн-записи. Упрощает первый контакт и снижает потери заявок.

• SEO-оптимизация. Лендинг получает основу для продвижения по поисковым запросам.

Этап 1. Маркетинг

Перед проектированием мы собрали данные по методологии 3К: компания, клиенты, конкуренты. Нужно было понять, почему родители выбирают образовательный центр, какие сомнения мешают оставить заявку и какие аргументы должны быть на первом экране.

• Провели интервью с заказчиком.

• Изучили программы, форматы занятий и методики центра.

• Выделили сильные стороны: преподаватели из МГУ, мини-группы, подготовка к сильным школам, онлайн- и офлайн-формат.

• Разобрали сценарии выбора: подготовка к школе, поступление в лицей, индивидуальные занятия, занятия в мини-группе.

• Сформировали 3 портрета целевой аудитории: родители детей 5–12 лет, школьники, которым нужна подготовка к поступлению, родители детей с пробелами в математике.

• Выявили боли: ребенок не поступит в сильную школу, потеряет интерес к математике, не получит достаточно внимания в большой группе.

• Определили страхи: преподаватель не найдет подход, занятия будут формальными, прогресс ребенка будет непонятен.

• Поняли, как закрывать эти сомнения через сайт: показать мини-группы, квалификацию педагогов, отзывы, результаты учеников и прозрачный формат занятий.

• Проанализировали 15 сайтов образовательных центров.

• Сравнили, как конкуренты показывают программы, преподавателей, отзывы и формы записи.

• Собрали 30 идей для структуры, подачи оффера и блоков доверия.

• анализ 15 конкурентов

• список из 30 идей для реализации

• структура лендинга, которая усиливает доверие и помогает родителям быстрее принять решение

Этап 2. Проектирование

На основе маркетингового исследования мы спроектировали посадочную страницу с последовательной логикой: от сильного первого экрана до заявки на собеседование.

• Первый экран с оффером.

• Преподаватели.

• О центре.

• Курсы.

• Отзывы.

• Результаты учеников.

• Контакты.

• Форма записи.

• Онлайн-запись на собеседование.

• Формы заявок в ключевых блоках.

• Карточки преподавателей.

• Карусель отзывов.

• Блок курсов.

• Адаптивная версия для смартфонов и планшетов.

Те функции, которые нельзя было полностью показать в прототипе, мы описали в техническом задании.

• прототип лендинга

• техническое задание

• понятная структура страницы: родитель видит пользу занятий, проверяет доверие через преподавателей и отзывы, а затем оставляет заявку

Этап 3. Фотосессия

Для образовательного проекта важно доверие. Поэтому мы отдельно организовали визуальный контент: фото преподавателей, которые усиливают экспертность центра и делают лендинг более живым.

• Подготовили съемку преподавателей.

• Сделали фотографии на фоне МГУ.

• Отобрали материалы для блока команды и других визуальных секций.

• лендинг получил собственные фотографии, а не обезличенный визуал

• родители видят фото реальных преподавателей и воспринимают центр как более надежный

Этап 4. Дизайн сайта

Дизайн нужно было сделать ярким, но не детским. Лендинг должен был мотивировать, вызывать доверие у родителей и при этом показывать, что обучение связано с серьезной математической подготовкой.

• Разработали дизайн в образовательной стилистике с легкими элементами геймификации.

• Продумали первый экран с сильным оффером и формой записи.

• Выделили блок преподавателей как один из главных элементов доверия.

• Добавили отзывы учеников и родителей.

• Подготовили адаптивные макеты для планшета и смартфона.

• Проработали UX-элементы: кнопки записи, формы, карусель отзывов, переходы между блоками.

Этап 5. Верстка

После утверждения дизайна мы сверстали лендинг с учетом скорости, адаптивности и стабильной работы на разных устройствах.

• Развернули платформу 1С-Битрикс, лицензия «Старт».

• Сверстали макеты на HTML, CSS и JavaScript.

• Адаптировали страницу под смартфоны и планшеты.

• Добавили анимацию при прокрутке.

• Оптимизировали изображения.

• Настроили кеширование.

• готовая HTML-страница 

• лендинг стал удобным для пользователей на разных устройствах: легко изучить курсы, преподавателей и отзывы со смартфона и сразу оставить заявку

Этап 6. Разработка back-end

Мы собрали техническую основу лендинга и настроили CMS, чтобы команда центра могла управлять контентом и не зависеть от разработчиков в каждой небольшой правке.

• Главный экран с УТП и формой записи.

• Раздел «Преподаватели» с фото, опытом и достижениями.

• Раздел «О центре» с преимуществами.

• Раздел «Курсы» с описанием очных и онлайн-занятий.

• Раздел «Отзывы».

• Раздел «Контакты».

• Формы заявок.

• Управление контентом через CMS.

SEO и производительность

• ЧПУ.

• Метатеги и заголовки.

• Микроразметка.

• robots.txt и sitemap.xml.

• HTTPS.

• Кеширование.

• Сжатие изображений.

• альфа-версия лендинга 

• рабочие формы, управляемые разделы и базовая техническая подготовка к продвижению