Landing Page for eCommerce Master Class

Задача

Создать конверсионный и узнаваемый лэндинг для онлайн-курса, посвященного eCommerce и запуску интернет-магазина с нуля

Поскольку у заказчика не было ни копирайтинга, ни прототипов, то я разработал всю структура на основе классических решений для конверсионных лэндингов. Начал с простановки ключевых поинтов (они же «блоки»)

Главный экран. Первое касание

Главный «Hero» экран играет решающую роль: будет ли пользователь листать дальше ваш сайт или нет. А для лэндинга это критично вдвойне. Потом главный экран имеет вот такую сочную и запоминающуюся анимацию

Цветовая гамма с контрастными синим и желтыми цветами была выбрана в соответствии с айдентикой и корпоративными цветами заказчика. В итоге я разработал вот такие узнаваемые и решающие задачи элементы

При ярком контрасте и легком заигрывании с пользователем получилось сохранить элемент строгости и минимализма

Для привлечения и удержания внимания пользователя замоделил вот такие фоновые анимированные элементы, которые привлекают внимание при скролле страницы

И, наконец, для подчеркивания и усиления результатов прохождения курса разработал вот такой анимированный блок

Итоговый лэндинг содержит все элементы, необходимые для высокой конверсии и положительного пользовательского опыта