Главная / Разработка сайтов / Кейс Роботрек

Обновили сайт под новый брендбук, пересобрали структуру и смыслы проекта, а также сразу заложили SEO-оптимизацию.

Редизайн сайта для детского IT-клуба «Роботрек» в Хабаровске

16

страниц сайта мы разработали для клуба

4

дизайн-концепции первых экранов

Рассчитать стоимость сайта

Перейти на сайт

Клиент

детский IT-клуб «Роботрек»

Ниша

дополнительное образование для детей

Задача

редизайн и переупаковка сайта

Формат

многостраничный сайт

Команда

5 специалистов

Рассчитаем стоимость разработки сайта

Оценим задачу, рассчитаем стоимость разработки сайта и предложим подходящий формат работы

Почему понадобился редизайн сайта

Какие задачи перед нами стояли:

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

разложить направления клуба по понятной структуре;

показать, чему учатся воспитанники и какие навыки получают;

донести ценность робототехники, программирования, 3D-моделирования и других направлений;

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

адаптировать страницы под все устройства;

собрать сайт на Tilda и настроить формы заявок

Клиент уже обновил брендбук, но сайт оставался в старом стиле и не отражал развитие клуба. Мы заметили это во время работы над соцсетями «Роботрек» и предложили не точечные правки, а полноценный редизайн.

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

новый сайт

старый сайт

1. Задача

новый сайт

старый сайт

Предложили несколько визуальных решений в соответсвии с брендбуком клуба

1

Как мы подошли к работе

2. Этапы работы

На старте мы предложили 4 варианта первых 3-х экранов, чтобы найти визуальное решение, которое лучше всего передаёт характер клуба. Но эти решения оказались для клиента слишком яркими,

Подключили SEO-специалиста с первого этапа

2

SEO-специалист: анализировал спрос, конкурентов и аудиторию, собирал семантическое ядро, помогал формировать структуру страниц и готовил внутреннюю оптимизацию для Tilda.

Технический аудит

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

Анализ аудитории

Семантическое ядро

SEO cтруктура сайта

Собрали прототип, структуру и тексты

3

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

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

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

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

Оформили дизайн сайта в новом стиле бренда

Новый сайт должен был выглядеть технологично, но не холодно. Поэтому мы опирались на брендбук «Роботрек»: яркие акценты, мягкие формы, 3D-элементы и маскот.

3. Дизайн

Нужен новый сайт или редизайн текущего?

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

+7 (963) 107-37-41

Либо свяжитесь с нами по телефону

Развили фирменный стиль для сайта

Брендбук задал основу, а мы дополнили её элементами под конкретные задачи

Стоимость занятий оформили как билет - просто наглядно и со смыслом

Программу путешествий оформили как паспорт путешественника

Абонимент

IT-путешествия

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

Мобильную версию сделали удобной и компактной (на сколько это возможно), скрыли некоторые блоки, чтобы не превращать сайт в простынь текста .

Cайт адаптировали под разные устройства

desktop / tablet / mobile

Анимации и интерактив

Удобная навигация

Читабельный текст

Заявка в 1–2 клика

Адаптив под все экраны

4. Верстка

5. Инструкции

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

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

После запуска записали видеоинструкцию для клиента по работе с сайтом

6. Результат

Что получилось по задачам клиента

1

Доработали текст

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

2

Обновить сайт под новый брендбук

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

3

Разложить направления по понятной логике

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

4

Сделать сайт удобным для дальнейшей работ

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