Как мы без правок за 3 дня собрали сайт онлайн-школы, который понравился и подросткам, и Яндексу

Клиент: академия «Земляне» – образовательный проект для подростков, который объединяет подготовку к ЕГЭ и ОГЭ, базовые курсы и интенсивы.

Заказчик ждал от нас современный сайт, который:

- покажет, что подготовка к экзаменам может быть лёгкой и понятной

- объединит направления: ЕГЭ, ОГЭ, базовые курсы и интенсивы

- сохранит фирменный стиль «Землян», но добавит динамики и визуального интереса

- останется удобным и логичным на всех устройствах.

В рамках проекта было решено:

• проанализировать целевую аудиторию и собрать типичные для ЦА вопросы

• разработать структуру сайта с упором на доверие и вовлечение

• превратить юридические документы, полученные от заказчика, в живые тексты

• адаптировать визуал под подростков и родителей

• оформить сайт на конструкторе 

• продумать мобильную версию с сохранением ритма и акцентов

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

Каждый из этапов подробно описан в кейсе ниже.

Академия «Земляне» – образовательный проект для подростков, который объединяет подготовку к ЕГЭ и ОГЭ, базовые курсы и интенсивы. Основатели – команда психологов, педагогов и менторов. Вместе они решили собрать пространство, где подросткам будет комфортно учиться и расти. 

Главная идея проекта – учить по‑человечески: строить доверие, говорить на одном языке с подростками и поддерживать в эмоциях, которые сопровождают подготовку к экзаменам. 

«Возникла задача адекватного отображения новых продуктов в онлайне. Решили, что отдельный сайт станет наиболее подходящим вариантом, т.к. в рамках организации все новые инициативы были выделены в отдельное направление – некий суббренд», – вспоминает руководитель отдела маркетинга заказчика Егор Чертов.

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

Это могла бы быть стандартная для агентства задача: посадка, несколько блоков, немного текста – и вперёд. Но всё пошло по другому сценарию. У нас не было ни ТЗ, ни структуры, ни примеров. 

«Изначально у клиента не было понимания по блокам, но он понимал, как он хочет, ориентируясь на какие-то сайты конкурентов. При этом у него была только документация – сплошные заготовки с УТП, кратко преимущества и более юридические файлы, что из себя представляет Академия», – вспоминает арт-директор Darvin Digital Наталья Головченко.  

Было непонятно, как из этого собрать связный, живой сайт. 

Помимо этого, аудитория – непростая: и подростки, и их родители. 

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

При этом запуск нужно было делать срочно. А сам сайт должен был отражать не только направление программ, но и передавать их ценностную основу: безопасность, уважение, открытость. Плюс – у каждого направления (экзамены, личностный рост, LifeCamp, индивидуальные занятия) свой формат и логика. 

Техническая часть тоже требовала серьёзного подхода: нужно было предусмотреть регистрацию, модуль с программами, интеграции с CRM, форму обратной связи, блоки доверия (отзывы родителей, команда проекта и т.д.) и автоматическую обработку заявок. 

Всё это в условиях сжатых сроков: запуск нужно было сделать в ближайшее время – и сделать хорошо. 

Мы начали с определения структуры сайта. Не могли опереться на готовую схему – её не было, поэтому стартовали с анализа целевой аудитории. Чтобы понять, какие блоки и тексты ей важны, ориентировались на типовые вопросы, которые возникают у родителей и подростков в подобных проектах. Так построили архитектуру главной страницы, где каждый блок работает на доверие и вовлечение:

- сверху – чёткий ответ, кто такие «Земляне» и зачем они нужны

- ниже – направления обучения

- затем – визуальные сигналы, что здесь по-человечески, а не как по учебнику

- внизу – блок-доверие: наставники, сертификаты, отзывы, контакты.

Каждый блок имеет свой цветовой или визуальный акцент, что делает скролл динамичным и удерживает внимание.

Страница мягко ведёт пользователя от знакомства к действию, не давит, а приглашает.

Основные задачи главной в образовательных проектах:

1) быстро объяснить, кто вы такие и чем полезны

2) показать направления продукта 

3) подтолкнуть к действию: записаться на занятие, оставить заявку или узнать больше

4) и не перегружать страницу. Поэтому дальше – с помощью копирайтеров перевели сложную документацию в тексты и описания без канцелярита. 

Только после этого всего приступили к реализации проекта на конструкторе Bilda. 

Почему выбрали Bilda? Клиент хотел запуск быстро, но без потери качества. Поэтому мы отказались от кастомной разработки (слишком долго) и от Tilda (из-за низкой производительности на многостраничных сайтах). 

Если вам тоже нужен быстрый запуск без тяжёлой разработки, поможем выбрать платформу, собрать прототип и запустить сайт в сжатые сроки: от простого лендинга до многостраничника. Просто оставьте заявку на нашем сайте darvindigital.ru.

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

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

Каждый блок имеет свой визуальный акцент – это удерживает внимание при скролле.

Ключевые разделы сайта – «Подготовка к ЕГЭ/ОГЭ», «Базовый курс» и «Интенсив». Каждая внутренняя страница структурирована так, чтобы пользователь быстро понял, в чём суть программы и чем она отличается от других. Поэтому информацию решили подавать блоками: короткий текст, чёткий акцент, понятная кнопка действия.

Визуальные элементы – с динамикой и лёгкой асимметрией за счёт масок, чтобы не было ощущения шаблонности.

В мобильной адаптации сохранили легкость восприятия:

- убрали лишние декоративные элементы, сохранив основные акценты

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

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

Сайт для «Землян» мы собрали за три дня. В первый – сверстали главную страницу. 

«Мы сделали главную страницу, её сразу согласовали. С первого раза и без каких-либо доработок именно по дизайну», – отмечает арт-директор Darvin Digital Наталья Головченко. 

На второй и третий день мы собрали внутренние страницы. Параллельно – дорабатывали контент. 

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

Сайт обошёлся клиенту в разумный бюджет – 155 тысяч рублей. И в рамках сроков, и по качеству – это решение, которое дало результат и не потребовало доработок после запуска.