РУ EN

Сайт для онлайн-курса

kolosok-zapleti.ru/openmanagement

Адаптивный лендинг для онлайн курса

Скринкаст лендинга

Роль

Веб-дизайнер, сборка на Тильде

Срок

1 неделя

Что сделано

Дизайн на основе моей айдентики, оформление готовых текстов редактора, сборка страницы, интерактивные блоки и мобильная адаптация

Что нужно было решить

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

Айдентика в интерфейсе

Я адаптировала разработанную мной айдентику к задачам лендинга. Зелёные градиенты объединяют страницу, светлые карточки разделяют содержание, а лаймовые акценты выделяют кнопки и важные предложения

Колос работает как знак бренда и крупный фоновый элемент

Экраны с интеграцией колоска

Большой объём — по запросу

Подробную программу оформила в раскрывающиеся блоки. Для отзывов предусмотрела слайдер и раскрытие полного текста, для частых вопросов — отдельный аккордеон

Посетитель может сначала просмотреть главное, затем углубиться в интересующий раздел

Экраны с раскрывающимися блоками и слайдерами

Понятный выбор способа оплаты

Разделила варианты оплаты на отдельные карточки: полная стоимость, рассрочка и иностранная карта. Корпоративное участие выделила в самостоятельный блок

Цены и кнопки занимают первый уровень внимания, пояснения находятся рядом с соответствующим вариантом

Экран с тарифами

От дизайна до работающей страницы

Самостоятельно собрала лендинг на Тильде, настроила навигацию, раскрывающиеся блоки, галереи и переходы к оплате. Работа от оформления готового контента до реализации страницы заняла одну неделю

Скринкаст лендинга