краткая сводка:
Клиент: Светлана Лукина (@lana.luu, 211k подписчиков) — стилист, основательница онлайн-школы Stylish School (28k подписчиков)
Ниша: Fashion-образование, персональный стиль, инфобизнес
Формат: Запуск курса «под ключ» (основной лонгрид на 20 смысловых блоков + лендинг предзаписи на 8 блоков + адаптация под ПК и мобильные + презентации, гайды и оформление соцсетей)
Сотрудничество: Более 3 лет работы, единственный постоянный дизайнер всех проектов школы
Ниша: Fashion-образование, персональный стиль, инфобизнес
Формат: Запуск курса «под ключ» (основной лонгрид на 20 смысловых блоков + лендинг предзаписи на 8 блоков + адаптация под ПК и мобильные + презентации, гайды и оформление соцсетей)
Сотрудничество: Более 3 лет работы, единственный постоянный дизайнер всех проектов школы
о проекте и задача:
Со Светланой Лукиной и её онлайн-школой Stylish School мы непрерывно сотрудничаем более трех лет. В рамках нового потока флагманского стилистического курса «PROSTYLE» требовалось разработать масштабный образовательный лонгрид для теплой аудитории.
Ключевая задача: упаковать огромный массив методологической информации (20 экранов только на основном сайте) в легкий, динамичный и немонотонный интерфейс в журнальном стиле. Главным вызовом было удержать внимание требовательной женской аудитории: избежать «слепоты прокрутки» после первых трех экранов, выстроить плавный визуальный ритм и довести пользователя до финального целевого действия — покупки места на курсе.
дизайн-решения:
Эстетика Vogue & Премиальный Fashion-минимализм:
- Колористика построена на благородных кофейно-пепельных оттенках (dusty rose / taupe), чистом белом фоне и контрастной черно-белой стритстайл-фотографии.
- Монохромные фото-акценты подчеркивают премиальность продукта и убирают цветовой шум, концентрируя взгляд на смыслах и силуэтах.
Журнальная типографика и динамический ритм:
- Типографическая пара: Контрастный симбиоз модной антиквы с тонкими засечками и курсивными эмоциональными акцентами с нейтральным геометрическим гротеском для списков и программы.
- Фирменный лого-титул: Название «PROSTYLE» на обложке виртуозно сплетено с монограммой бренда «S», выступая как глянец обложки журнала поверх фотографии эксперта.
Инструменты удержания внимания и разбивка монотонности:
- Блок быстрой альтернативы лонгриду: Для пользователей с дефицитом внимания в начало страницы встроен интерактивный видео-модуль «Нет времени изучать сайт? Видео про курс за 2 минуты» в круглом видоискателе с прямой CTA-кнопкой в стиле кружочка Telegram.
- Шахматная модульная сетка результатов: Итоги за 1,5 месяца обучения скомпонованы в чередующуюся плитку «текст — черно-белое фото» с тонкой архитектурной сеткой и деликатными индексами [01]–[05], что на ПК и смартфонах превращает сухое чтение в листание лукбука.
- Визуальная нить программы курса: Программа из модулей оформлена в виде швейной пунктирной строчки с иконками булавок и тегов [00], [01], метафорически связывающей процесс конструирования гардероба с прогрессом обучения.
- Реалистичный софт-пруф: Отзывы участниц стилизованы под фотокарточки до/после, прикрепленные канцелярской скрепкой к бумажной подложке с рукописными подписями.
- Обучающая среда GetCourse: Модуль платформы презентован на мокапе ноутбука с интерактивным слайдером реального интерфейса уроков.
Сквозная воронка:
- Для раннего сбора лидов параллельно разработан 8-блочный сайт предзаписи в идентичной визуальной стилистике.
результат:
Сложный 20-блочный лонгрид трансформирован в легкий интерактивный fashion-журнал, который удерживает внимание до самого футера. Сайт закрыл все возражения теплой аудитории, органично раскрыл методологию курса.
