Комплексное оформление онлайн-школы remSkill
Ко мне обратилась онлайн-школа по обучению дизайну интерьера за полной визуальной упаковкой школы. Так как это школа по дизайну, для них очень важна визуальная составляющая. Был запрос сделать дизайн высокого качества (дорого и стильно). В задачи входило создать сайт, оформить кабинет на геткурсе и создать шаблоны писем.
Страница тренинга
Курс «Дизайн» состоит из модулей, оформленных плиткой в три ряда. На каждом из модулей показано количество уроков и выделено цветом количество уже пройденных уроков. Оформлена шапка курса, настроен прогресс-бар — шкала прохождения всего курса.
В правой панели показано количество дней до окончания доступа. За несколько дней до истечения срока появится кнопка, по которой можно будет купить продление доступа. Указан тариф, если тариф минимальный, есть возможность его улучшить.
Выведена строка поиска по урокам. Оформлена библиотека курса, где размещены материалы для скачивания. Они вынесены из уроков модулей, чтобы было удобно скачать все материалы урока в одном месте.
График работы тех.поддержки и кнопка подключения чат-бота, а также дополнительные баннеры.
Страница модуля
Внутри модуля дублируется правая панель со всей актуальной информацией. Оформлена шапка, где указана шкала прохождения всего курса, краткое описание модуля в раскрывающемся блоке и уроки. Пройденные уроки отмечены оранжевой галочкой.
ОФОРМЛЕНИе УРОКА
В уроках стилизована шапка с кнопками перехода к следующему или предыдущему уроку, оформлена теоретическая часть урока и блок с заданием.
Для удобства учеников в правой панели сделан навигатор, т.к. уроков очень много, есть возможность быстрого поиска в списке и переход к нужному уроку.
Страница входа
Страница оплаты
Страница после оплаты
Сайт школы
Концепция проекта включает в себя использование изображений в стиле Лего. В реализации Лего дизайна была использована нейросеть для создания нужных тематических изображений. На сайте школы можно увидеть картинку к каждому модулю.
Сайт для проекта сделан многостраничный. Есть баннеры для перехода на отдельные посадочные страницы с дополнительной информацией, которые также оформлены в едином стиле с сайтом.
В конце каждой страницы размещены баннеры статей, настроена автоматическая видимость по определенным дням недели. В понедельник — одни, во вторник — другие и т.д.
На всех страницах есть прилипающая кнопка для связи, где клиент сможет выбрать подходящий ему канал для связи.
Шаблоны писем для рассылки
В рамках работы над проектом были оформлены в едином стиле шаблоны писем, баннеры для телеграм и имейл рассылки.