При работе над визуальмьным ключом курса, главной задачей было сделать так, чтобы он не выглядел очередным марафоном гречки и силы воли.
Лендинг сочетает эстетику современной онлайн-школы с визуальным языком гастрономического журнала. Крупные заголовки, свободное пространство и лаконичные карточки создают ощущение редакционного проекта, в котором образовательный материал представлен как ценный контент.
Основу палитры составляют несколько оттенков зелёного:
- тёмный цвет усиливает ключевые экраны и зоны принятия решения;
- средний зелёный используется для акцентов, кнопок и смысловых блоков;
- светлый шалфейный формирует второй уровень типографической иерархии;
- молочный фон поддерживает комфортное чтение длинных информационных разделов.
Типографическая система строится на контрасте масштаба, насыщенности и регистра. Крупные заголовки становятся самостоятельными композиционными элементами, а их разделение на несколько строк помогает управлять вниманием пользователя.
Строчные заголовки создают дружелюбную интонацию и снижают дистанцию между школой и пользователем.
Лендинг построен на строгой модульной сетке, но внутри неё используется продуманная асимметрия. Заголовки смещаются относительно основного контента, изображения чередуются с текстовыми блоками, а крупные пустые зоны становятся полноценной частью композиции.
Такой подход делает страницу динамичной, сохраняя при этом визуальный порядок. Пользователь легко различает уровни информации: заголовок, пояснение и целевое действие.
Бесплатный урок расположен после подробной программы, когда пользователь уже заинтересован, но ещё может сомневаться в покупке. Это правильная точка для предложения попробовать продукт без риска.
Раздел с материалами от шефа показывает, что экспертность проекта не ограничивается платным курсом. Это поддерживает образ школы как полноценной контентной платформы.
Смена цветового режима мгновенно сообщает, что пользователь достиг ключевой коммерческой части страницы.
Структура лендинга соответствует логике принятия решения о покупке:
- Пользователь знакомится с брендом и предложением.
- Определяет, подходит ли ему формат курса.
- Видит знания и навыки, которые сможет получить.
- Знакомится с преподавателем.
- Изучает подробную программу.
- Получает возможность бесплатного урока.
- Знакомится с дополнительными экспертными материалами.
- Видит стоимость и объём курса.
- Получает ответы на основные вопросы.
- Переходит к покупке или подписывается на каналы школы.
Пользовательский сценарий
В результате получился цельный образовательный продукт, который одновременно раскрывает содержание курса, демонстрирует экспертность преподавателя и уверенно ведёт пользователя к целевому действию.
