Дизайн лендинга для курса «Душа мамы: себе и другим»
Тип: Лендинг (дизайн-макет)
Клиент: Центр информационной и психологической поддержки «Душа Мамы» при поддержке «Магнит Всевозможный»
Сроки: 1 неделя
Проделанная работа:
Клиент: Центр информационной и психологической поддержки «Душа Мамы» при поддержке «Магнит Всевозможный»
Сроки: 1 неделя
Проделанная работа:
- определила структура лендинга
- продумала дизайн-концепцию
- спроектировала пробный макет в Figma
- разработала дизайн макет в Figma и адаптировала подл различные устройства
О проекте и задачах
Цель: Создание продающего лендинга для курса «Душа мамы: себе и другим», который будет размещён на GetCourse.
Лендинг должен решать две ключевые задачи:
Лендинг должен решать две ключевые задачи:
- Информирование аудитории о содержании курса, его преимуществах и структуре.
- Запись на курс через удобную форму регистрации, конвертирующую лидов из рекламных потоков.
Дизайн-макет
Исходные данные
Заказчиком было предоставлено:
- Фирменная палитра Центра «Душа мамы» и логотип бренда-партнёра «Магнит Всевозможный».
- Визуальная идея-ассоциация: метафора пути (дороги, карты, маршрута), символизирующая развитие и движение к цели.
- Неизменный заголовок и подзаголовок: «Душа мамы: себе и другим», «Бесплатный онлайн курс при поддержке «Магнит Всевозможный»
- Дополнительные элементы: сроки проведения курса, программа курса, информация о поддержке партнёра.
Визуальное решение
На старте проекта у заказчика не было чёткого представления о структуре лендинга и финального контента. Чтобы ускорить процесс и визуализировать идеи, я разработала версию лендинга на своё усмотрение.
Прототип помог заказчику:
Этот этап показал, что даже черновой макет экономит ресурсы и помогает заказчику сформулировать ожидания. Важно на старте определить хотя бы:
Прототип помог заказчику:
- Увидеть, как может выглядеть лендинг.
- Осознать важность структуры и визуальной метафоры («путь» стала основной идеей финального дизайна).
- Сократить время на правки — после утверждения концепции работа над финальной версией заняла в 2 раза меньше сроков.
Этот этап показал, что даже черновой макет экономит ресурсы и помогает заказчику сформулировать ожидания. Важно на старте определить хотя бы:
- Основную метафору/ассоциацию (например, «путь»).
- Ключевые блоки (о чём говорить в первую очередь).
- Визуальный стиль (палитра, иллюстрации).
Использованы оттенки, вызывающие доверие и эмоциональный отклик (пастельные тона, мягкие акценты).
- Иллюстрации с элементами дорог, карт, указателей.
- Визуальные элементы (разделители, иконки) стилизованы под картографические символы.
Текст организован в плашки с заливкой, что улучшает читаемость и визуальное разделение блоков.
Акцентные элементы (кнопки) выделены контрастными цветом.
Акцентные элементы (кнопки) выделены контрастными цветом.
Мобильная адаптация
Результат
Лендинг сочетает информативность и эмоциональность, направляя пользователя к целевому действию — записи на курс. Дизайн поддерживает концепцию «пути», а тёплая палитра и иллюстрации создают дружелюбную атмосферу.
Работа над этим проектом научила меня важности «быстрых» прототипов. Часто клиент не понимает, чего хочет, пока не увидит варианты. Упрощённый лендинг стал каркасом, который сэкономил нам время и нервы.
Работа над этим проектом научила меня важности «быстрых» прототипов. Часто клиент не понимает, чего хочет, пока не увидит варианты. Упрощённый лендинг стал каркасом, который сэкономил нам время и нервы.
