Редизайн сайта для BabySleepConsult
BabySleepConsult — международный центр подготовки консультантов по детскому сну. У ребят была мощнейшая база: обучение на основе доказательной медицины, мягкие методики и студенты по всему миру. Но старый сайт об этом молчал. Медленная загрузка, устаревший визуал и полное отсутствие маркетинговых инструментов. Мы спроектировали платформу с нуля, превратив клиентские идеи в логичный продукт, который сам продает форматы обучения.
Почему старый сайт терял лиды и конверсию
Клиент пришел к нам с набором отличных идей и одной большой проблемой: пользователи не понимали ценности продукта.
- Скрытая экспертность: обилие форматов (PDF, аудио, видео, зум-встречи) было просто перечислено скучным текстом. Пользователь не видел, за что он платит.
- Маркетинговый вакуум: не было сквозных элементов для продаж, чтобы запустить новый поток, приходилось костыльно переписывать страницы.
- Устаревший UX/UI: медленный первый экран убивал конверсию на мобилках.
Задача: спроектировать прототипы, отрисовать дизайн и собрать платформу, которая будет легко масштабироваться и регулярно обновляться силами клиента.
UX/UI редизайн платформы
Мы отказались от идеи просто «навести красоту». Нашей главной задачей стал визуальный сторителлинг — мы провели серию интервью с экспертами центра, чтобы декомпозировать сложный продукт на понятные пользователю ценности.
1. Интерактивная витрина форматов вместо скучного текста
Клиент переживал: «Как показать, что у нас крутые материалы — и видео, и конспекты, и аудио?» Наше решение: не писать об этом, а дать “потрогать” прямо на лендинге. Мы вынесли плееры, PDF-файлы и фрагменты видео на главный экран. Человек может сразу скачать конспект или послушать демо-урок. Это закрыло все возражения еще до этапа оплаты.
2. Визуализация комьюнити
Как доказать, что вы — международная школа? Сказать «у нас учатся во всем мире» — недостаточно. Мы разработали интерактивную карту в реестре выпускников. 800+ дипломированных специалистов из 39 стран (от Аргентины до Японии). По клику открывается выборка по стране и городу. Это мгновенно продает масштаб школы и работает на SEO.
3. Маркетинговые инструменты
Мы внедрили сквозные баннеры, которые управляются в пару кликов из админки.
- Сценарий 1: «Старт нового потока через 5 дней + таймер».
- Сценарий 2: «Обучение уже началось, запрыгнуть в последний вагон можно еще 7 дней».
Клиент просто меняет дату и выбирает куратора в админке, а система автоматически обновляет все сквозные баннеры на сайте. Изменения применяются во всех местах размещения — от главной страницы до карточек статей, корректно адаптируясь под десктоп и мобильные устройства.
4. Конверсионный блок тарифов
Чтобы цена не становилась единственным препятствием потенциальных студентов, мы спроектировали умную карточку тарифов.
- Снятие психологического барьера: внедрили переключатель «Оплата частями / Единоразово». По умолчанию пользователь видит комфортный ежемесячный платеж (от 7 958 ₽/мес), а не пугающую полную сумму.
- Визуальный апселл (Up-sell): на более дорогих тарифах добавлены контрастные цветовые теги («+2 месяца практики», «+6 месяцев сопровождения»). Они сразу цепляют взгляд и мотивируют абитуриента выбрать пакет с более высоким чеком.
5. «Архитектура доверия»
Ниша детского сна напрямую связана со здоровьем. У аудитории (мам) высокий порог тревожности и скепсиса. Чтобы снять возражение «А кто меня будет учить?», мы спроектировали детальные профили преподавателей.
- Фокус на статусность: в сетке лекторов мы вынесли регалии сразу под имя («кандидат медицинских наук», «невролог-сомнолог», «доцент»). Это мгновенно отстраивает BSC от дилетантов и показывает фундаментальность школы.
- Human-to-Human: внутри карточки эксперта мы сбалансировали опыт («практикует с 2011 года») с эмпатией («мама сына»).
- Доказательная база: добавили карусель со сканами реальных дипломов и сертификатов.
Техническая разработка и кастомизация CMS
Чтобы избавить команду клиента от лишних затрат на видеопроизводство, мы реализовали гибкую систему управления медиа-контентом. Вместо того чтобы конвертировать каждый подкаст в видеоформат для сайта, мы кастомизировали архитектуру раздела.
Мы вывели отдельный тип контента для подкастов, настроили автоматический конвертер и интегрировали легкий плеер. Теперь клиент прямо из админки грузит нужный формат материала, а система сама раскидывает контент: видео — в раздел СМИ, аудиоподкасты — в свою ленту, не ломая верстку главной страницы и сортировку.
Результаты редизайна
Мы сдали проект, который стал для клиента автоматизированным инструментом продаж и снял головную боль с контент-менеджеров.
- Ускорили путь к первой сделке: спроектировали и выделили яркий блок «Получите тестовый доступ к курсу на 3 дня». Человек оставляет контакты, прогревается бесплатными материалами, а школа получает горячий лид.
- Геймификация продаж: интерактивная карта и удобный реестр выпускников стали сильным инструментом мотивации для новых абитуриентов.
- Эмоциональный дизайн: сформирована палитра (чистый белый, нежно-голубой, глубокий синий), которая попадает точно в ЦА. Синий цвет продает надежность, спокойствие и на подсознательном уровне ассоциируется со здоровым сном.
