ELENCHUS · ДЕЛО №005
САЙТ ДЛЯ КУРСА «ДИНАМИКА»
Курс по монтажу мобильного видео: собрали программу, эксперта, портфолио и продуктовую часть в цельный сайт с выразительной визуальной системой и динамичной подачей.
онлайн-образование
web design
вёрстка
4 БЛОКА
структура программы
курса
курса
12 УРОКОВ
упакованы в понятный
путь обучения
путь обучения
1 СИСТЕМА
курс, эксперт, портфолио
и продажа продукта
и продажа продукта
КОНТЕНТ есть. продающего САЙТА — НЕТ
На старте уже были основные составляющие продукта: программа курса, эксперт, портфолио работ и материалы для продажи. Но их ещё нужно было соединить в единый пользовательский сценарий и найти визуальный язык, который соответствовал бы самому курсу.
Сайт должен был не просто перечислять уроки и преимущества. Важно было передать характер продукта — быстрый, энергичный, связанный с видео, монтажом и современной digital-культурой — и при этом сохранить понятную логику движения к покупке.
БЫЛО
Контент, подача, смыслы и отсутствие позиционирования
ДЕЛО № 005
ИСХОДНАЯ ТОЧКА
ЗАДАЧА
01.
Собрать структуру
Объединить курс, программу, эксперта и портфолио в один последовательный сценарий
02.
Найти визуальный язык
Передать динамику монтажа и эстетику короткого видео через дизайн
03.
Показать продукт в действии
Сделать портфолио и видео частью интерфейса, а не отдельным декоративным блоком
04.
Реализовать сайт
Перенести концепцию в полноценную вёрстку с динамичными взаимодействиями
ОТПРАВНАЯ ТОЧКА
От разрозненного контента к цельному digital-опыту
Решение
Объединили экспертность Влады, отзывы и предложение курса в единый путь до CTA
Портфолио встроили в сценарий страницы через крупную видеоподачу
Программу из 4 блоков и 12 уроков превратили в наглядный интерактивный модуль
Через блок «Кадры есть. Ролика нет» быстро обозначили проблему аудитории
Собрали первый экран вокруг продукта и характера эксперта
ДОБАВИЛИ ДВИЖЕНИЕ
Сайт проектировали не как статичный лендинг: крупная типографика, смена масштабов, нестандартные композиции и интерактивные элементы создают ощущение движения от первого до последнего экрана
КОНТЕНТ — ЧАСТЬ ДИЗАЙНА
Видео, мобильные экраны, кадры из работ и элементы social media встроили прямо в композицию сайта. Визуальная система поддерживает тему монтажа и контента.
ДРАМАТУРГИя СТРАНИЦЫ
Выстроили путь от боли аудитории к способу обучения, программе, эксперту и результату. Каждый следующий блок продолжает предыдущий, а не существует отдельно.
сайт
01.
Цельная структура
Программа, эксперт, работы и продажа курса собраны в единый пользовательский сценарий
02.
Динамичная подача
Композиция, типографика и работа с видео передают характер самого продукта
03.
Готовая реализация
Дизайн перенесён в полноценный сайт с адаптивной вёрсткой и интерактивными элементами
стало
ИЗ RAW В READY
В результате набор отдельных материалов превратился в цельный digital-продукт. Сайт последовательно раскрывает проблему аудитории, показывает формат обучения, программу, экспертность и реальные работы, а затем ведёт пользователя к покупке курса.
Визуальный язык строится вокруг самого предмета обучения: короткого видео, монтажа и движения. Поэтому интерфейс не просто рассказывает о «Динамике», а сам ощущается динамичным.