Лендинг для черной пятницы онлайн-школы IT-SWITCHER

8 смысловых блоков
#дизайн-макет
#верстка
#SBSанимация
Перейти на сайт
2023
задача
о проекте
клиент и продукт
IT-SWITCHER — онлайн-школа по обучению QA-инженеров (тестировщиков)
Дизайн лендинга для распродажи инфопродуктов онлайн-школы
Важно было сделать структурно и понятно, чтобы пользователь легко мог найти нужный ему продукт и совершить покупку. Данный лендинг — 3-й по счету в рамках сотрудничества с IT SWITCHER
Разработала уникальную дизайн-концепцию
01
Дизайн и верстка лендинга
02
На основе пожеланий заказчика я подобрала релевантные референсы и разработала дизайн-концепцию, в основу которой легли мягкие формы, акцидентные шрифты, подходящие под тематику IT и яркий зеленый цвет. В качестве декора добавила символы, которые используются при написании кода

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

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

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

Блок с тарифами и стоимостью
2)
Пакетные предложения. Для прохождения полноценного обучения и получения максимальной выгодны
3)
Мини-курсы. Недорогие продукты для новичков или для тех, кто хочет познакомиться с онлайн школой и качеством образовательного материала
03
Настроила адаптивную версию для посмотра лендинга с мобильных телефонов. Цель адаптивной версии — удобство пользователей и повышение конверсии, поскольку более 80% просматривает сайт с телефона
Адаптивный дизайн
04
  • Настроила SBS-анимацию
Кроме того:
  • Создала и подключила форму «Задать вопрос»
1)
02
Возможность выбрать сертификат на нужную сумму и оплатить сразу на сайте
Подарочные сертификаты

дополнительно в этой же стилистике был оформлен лид-магнит

Нажимая на кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности
Задать вопрос в мессенджере

оставьте заявку и я Предложу наиболее оптимальное решение вашей задачи

Сообщение об успешной отправке!