Образ
Яркая палитра и фото реальных занятий вместо стоковых «счастливых детей».
01 · Задача
Не «ещё один детский сайт».
Место, куда хочется привести ребёнка.
Заказчик — детский развивающий центр «Учимся играя», победитель международного конкурса образовательных организаций. Аудитория — заботливые родители: им нужны эмоция, доказательства и ясный следующий шаг. Сайт должен сразу сказать «здесь учат играя» — и не потерять взрослую ясность.
Курсы
Десять направлений — от раннего развития до школьного интеллекта — как витрина, а не простыня.
Доверие
Основатель, отзывы, галерея и контакты — рядом, без лабиринта.
02 · Визуальная система
Цвет как игрушка,
не как шум
Язык бренда — цветные сегменты логотипа — разложили по интерфейсу: навигация, секции, кнопки. Каждый цвет отвечает за свою станцию внимания.
#009dc0
Бирюза
шапка · курсы · синие CTA
#fe972e
Оранжевый
«Подробнее» · галерея
#b8c922
Лайм
hero · отзывы · акцент
#cc3333
Красный
ритм меню · внимание
03 · Архитектура
Сайт как маршрут по центру
Одностраничный сценарий главной + отдельные страницы курсов. Родитель проходит центр сверху вниз — от эмоции к контакту.
-
01
Главный экран
Логотип, слоган и фото занятия — эмоция до любых абзацев.
-
02
Знакомство
Статус центра и приглашение читать дальше.
-
03
Курсы
Карусель направлений на бирюзе — главный продуктовый блок.
-
04
Люди
Основатель, отзывы родителей, живая галерея.
-
05
Контакт
Телефон, почта и адрес центра
04 · Экраны
Как это выглядит
в деле
Кадры рабочего сайта: витрина курсов, знакомство, страница направления, о центре и жизнь в галерее.
Белые карточки на бирюзе: фото, короткое описание, оранжевый «Подробнее». Внизу — лаймовая «Смотреть все».
Фон из дидактических материалов и факт о победе в конкурсе — доверие без лозунга.
Глубина бренда за пределами главной: история, подход, атмосфера.
Фото направления + форма «Закажите звонок» прямо в обложке — следующий шаг без прокрутки.
Оранжевая галерея — родители видят реальные занятия, а не абстрактные обещания.
05 · Продукт
Курсы — сердце сайта
От раннего развития и LEGO до интеллекта и логопеда. Упаковали ассортимент в карусель с единым ритмом карточки — чтобы выбор не превращался в простыню.
Одинаковый каркас
Фото → название → абзац → CTA. Родитель сканирует быстрее, чем читает.
Цвет секции
Бирюзовый градиент отделяет продукт от белых информационных блоков.
Глубина
С главной — на страницу курса, без потери визуального языка.
06 · Доверие
Люди важнее баннеров
В детском образовании решение почти всегда эмоциональное. Поэтому на сайте есть лицо основателя, видеоотзывы на лаймовом поле и фотогалерея занятий — продолжение атмосферы центра онлайн.
- Педагоги с высшим образованием, свои материалы, пособия со всего света, олимпиады
- Блог: события, статьи, домашнее задание — сайт живёт после запуска
- WhatsApp, Instagram и VK — привычные каналы для родителей
07 · Сценарий
Путь родителя
Сайт не гонит в длинную форму. Он ведёт к разговору: атмосфера → курс → звонок или сообщение.
Эмоция
Hero с логотипом и фото задаёт тон за секунду.
Смысл
Знакомство и преимущества отвечают «почему этот центр».
Выбор
Курсы сужают интерес до направления и возраста.
Уверенность
Отзывы и галерея снимают последнее сомнение.
Контакт
Телефон, почта, адрес и привычный WhatsApp.
08 · Адаптив
В кармане родителя — тот же характер
Лаймовый блок с логотипом становится полноширинным приветствием, меню — гамбургером, курсы листаются жестом. Цвет и фото не сжимаются до визитки.
10направлений
обучения
обучения
1телефон
в логотипе
в логотипе
5станций
на главной
на главной
Технологии
На чём это собрано
CMSWordPress
ТемаКастомная
КонтентКурсы · блог · галерея
ИнтерфейсАдаптив · слайдеры
ЛидыТелефон · WhatsApp
ЛокацияНовороссийск
09 · Итог
Игровой сайт
для серьёзного центра
Цельный digital-образ: цветные кубики айдентики, живая фотография, витрина курсов и спокойный маршрут родителя к контакту. Сайт говорит языком игры — и работает как инструмент записи и доверия.
Результат: learnplay.ru
Нужен сайт, которому доверяют родители?
Обсудить проект