лендинг для продажи онлайн-курса по трансформации мышления

7 смысловых блоков

#дизайн-макет

#верстка

#SBSанимация

2023

Перейти в портфолио

задача

о проекте

клиент и продукт

Екатерина — эксперт по прокачке мышления, предприниматель, автор онлайн-курсов и организатор трансформационных путешествий

Дизайн лендинга для регистрации на онлайн-курс

Важно было сделать быстро и бюджетно, поскольку это был запуск первого потока курса. Структура и тексты были предоставлены заказчиком

Разработала уникальную дизайн-концепцию

01

Дизайн и верстка лендинга

02

На основе пожеланий заказчика я подобрала релевантные референсы и разработала мудборд с несколькими примерами лендингов на выбор

реализация проекта

Нарисовала дизайн-макет десктопной версии, подобрала иллюстрационно-графический материал и обработала его под стиль сайта. Сверстала лендинг на Tilda, настроила SBS-анимацию и адаптивную версию для мобильных устройств

01

функционал и особенности проекта

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

Кастомные табы на коде

02

Для участия в игре предусмотрено 3 тарифа. Тарифная сетка построена так, чтобы очевидно были видны отличия одного тарифа от остальных. Кнопка под каждым из тарифов переводит в платежную систему, подключенную совместно с техническим специалистом. Также предусмотрена возможность оформить рассрочку

Блок с тарифами и стоимостью

03

Настроила адаптивную версию для посмотра лендинга с мобильных телефонов. Цель адаптивной версии — удобство пользователей и повышение конверсии, поскольку более 80% просматривает сайт с телефона

Адаптивный дизайн