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

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

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

#верстка

#SBSанимация

Перейти на сайт

2023

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

задача

о проекте

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

IT-SWITCHER — онлайн-школа по обучению QA-инженеров (тестировщиков)

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

Важно было сделать структурно и понятно, чтобы пользователь легко мог найти нужный ему продукт и совершить покупку. Данный лендинг — 3-й по счету в рамках сотрудничества с IT SWITCHER

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

01

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

02

На основе пожеланий заказчика я подобрала релевантные референсы и разработала дизайн-концепцию, в основу которой легли мягкие формы, акцидентные шрифты, подходящие под тематику IT и яркий зеленый цвет. В качестве декора добавила символы, которые используются при написании кода

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

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

01

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

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

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

2)

Пакетные предложения. Для прохождения полноценного обучения и получения максимальной выгодны

3)

Мини-курсы. Недорогие продукты для новичков или для тех, кто хочет познакомиться с онлайн школой и качеством образовательного материала

03

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

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

04