UX/UI редизайн платформы BabySleepConsult: как мы превратили сайт онлайн-школы в инструмент продаж

1. Вводная задача от заказчика, проблематика, цели

BabySleepConsult — международный центр подготовки консультантов по детскому сну. У ребят была мощнейшая база: обучение на основе доказательной медицины, мягкие методики и студенты по всему миру. Но старый сайт об этом молчал. Медленная загрузка, устаревший визуал и полное отсутствие маркетинговых инструментов. Мы спроектировали платформу с нуля, превратив клиентские идеи в логичный продукт, который сам продает форматы обучения.

Почему старый сайт терял лиды и конверсию

Клиент пришел к нам с набором отличных идей и одной большой проблемой: пользователи не понимали ценности продукта.

• Скрытая экспертность: обилие форматов (PDF, аудио, видео, зум-встречи) было просто перечислено скучным текстом. Пользователь не видел, за что он платит.
• Маркетинговый вакуум: не было сквозных элементов для продаж, чтобы запустить новый поток, приходилось костыльно переписывать страницы.
• Устаревший UX/UI: медленный первый экран убивал конверсию на мобилках.

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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. Результаты сотрудничества

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

1. Ускорили путь к первой сделке: спроектировали и выделили яркий блок «Получите тестовый доступ к курсу на 3 дня». Человек оставляет контакты, прогревается бесплатными материалами, а школа получает горячий лид.

2. Геймификация продаж: интерактивная карта и удобный реестр выпускников стали сильным инструментом мотивации для новых абитуриентов.

3. Эмоциональный дизайн: сформирована палитра (чистый белый, нежно-голубой, глубокий синий), которая попадает точно в ЦА. Синий цвет продает надежность, спокойствие и на подсознательном уровне ассоциируется со здоровым сном.