SUPERMAMA
Главная
Всё о родах и малышах
Всё о родах и малышах

О проекте
Super Mama - онлайн-школа с клубной программой, а также различными курсами о материнстве. Помогает мамам вырастить здорового ребенка, а также привести себя в форму после родов. Особенность проекта в том, что он создается на базе знаний и многолетнего опыта педиатра Евы Азаровой. Основные принципы проекта: комьюнити мам, которые готовы прийти на помощь, поддержка экспертов, доступная и понятна информация. Проект компании AnyClass - крупнейшая российская EdTech компания в сфере lifestyle курсов.

Задачи
Нужно создать общую айдентику для большого проекта, перенести её на текущие и новые продукты школы. Стилизовать посадочные страницы, а также рекламные баннеры и фирменную продукцию. Необходима привлечь внимание аудитории к новым курсам, привести курсы к последовательной системе и повысить конверсию.

Была подобрана стилистика для проекта - простой и нежный минимализм с элементами декорирования в стиле “для детей”, чтобы вызвать у пользователя ассоциации с детством/материнством - теплые цвета, мягкие формы и яркие иконки. Разработана библиотека фирменных материалов, состоящая из методичек, чек-листов и презентаций для видео-уроков. Созданы несколько лендингов для описания продуктов проекта: Онлайн-курс «Новорождённый», Онлайн-курс «0-3 месяцев», Онлайн-курс «6-12 месяцев», Закрытый клуб от онлайн-школы Supermama Мамин Баланс.

Айдентика
Палитра
Элементы
Основные /
Иконки категорий/
Линии и плавные формы/
Дополнительные /
#FEE4EA
#FFAFF2
#D5FF5F
#FFD0DB
#7794C5

Реализация
Реализация
Этапы разработки
Был проведен анализ старой версии посадочной страницы. Выявлены проблемы: страница не отображает новые ценности продукта, есть неактивные блоки, нет ритма в структуре, устаревший дизайн и др.

Изучены конкуренты и целевая аудитория продукта. На основе этого подобраны референсы и приняты решения в оформлении общей структуры и блоков страницы.

Составлена структура, первичный макет и детальный дизайн-макет в Figma. Далее реализация верстки в Tilda.

После запуска новой версии сайта проведен анализ конверсии и тепловых карт.
Итоговая верстка
Приведение отзывов в общий формат и стилизация переписки
Гармоничное сочетание базовой палитры с яркими акцентными цветами, выделюящими акцию
Волнистые формы отображают изгибы женского тела
Удобный режим просмотра информации и отслеживания активности пользователя
Адаптация формата изоражения под мобильную версию
Этапы в формате галереи. Особое внимание к изображениям в единой стилистике
Горизонтальный скролл в мобильной версии для сокращения длины лендинга
и другие экраны...
Мобильный адаптив
Корпоративные материалы
рекламные баннеры
для данного курса и других продуктов Онлайн-школы SUPERMAMA*
методички и презентации
наведите на картинку, чтобы увидеть больше*
нажмите на картинку, чтобы увидеть больше*
Другие проекты
Drawings
Drawings
Есть похожая задача?
давайте обсудим ваш проект