Все кейсы

Кейс · трансформационный лендинг

Лендинг, который ведёт
от идеи к действию

Разработали структуру и дизайн сайта АРТЕРИИ. Сохранили эмоциональный манифест проекта и выстроили понятный сценарий: знакомство → доверие → выбор формата → заявка.

Открыть artery.lavrentyeva.space WordPress · Elementor · адаптивный лендинг
Главный экран сайта Артерия с логотипом на тёмном фоне
Первый экран создаёт атмосферу проекта: тёмный фон, фирменное кольцо и бирюзовый световой акцент.

Задача проекта

Сохранить атмосферу и сделать выбор простым

АРТЕРИЯ предлагает необычный продукт на стыке консультаций, телесных практик и персонального опыта. Сайт должен был понятно объяснить этот подход, показать экспертов и помочь человеку выбрать подходящий формат.

Главный вызов: сохранить авторский стиль и не перегрузить страницу длинными текстами. Поэтому мы разделили историю на смысловые блоки и расположили коммерческое предложение после знакомства с методом и командой.

01

Смысл

Объясняем идею проекта живым языком и сохраняем голос авторов.

02

Доверие

Знакомим с опытом Светланы и Александра до перехода к стоимости.

03

Действие

Сравниваем три формата и ведём пользователя к понятной форме заявки.

Дизайн-система

Контраст помогает читать, а не отвлекает

Тёмные экраны создают настроение, светлые упрощают чтение длинных текстов, а бирюзовый выделяет ключевые точки. Благодаря этой системе страница остаётся выразительной и понятной.

#03B3B5Pulseакценты · линии · кнопки
#0B1D26Veinтёмные разделы
#050505Nightпервый экран · команда
#333333Inkосновной текст
#FFFFFFPaperконтент · программы
  • Playfair Display передаёт эмоциональный и редакционный характер проекта.
  • Lato делает длинные описания и элементы интерфейса лёгкими для чтения.
  • Тонкие линии связывают разделы и поддерживают образ пульса.
  • Чёрно-белые фото усиливают атмосферу, не конкурируя с контентом.

Путь пользователя

От первого впечатления к выбору формата

Мы не показываем цену без контекста. Сначала человек узнаёт в тексте свою ситуацию, понимает подход АРТЕРИИ и знакомится с экспертами. После этого ему проще оценить форматы и принять решение.

  1. I Вовлечение Пользователь узнаёт свою ситуацию и интересуется подходом.
  2. II Объяснение Раскрываем идею проекта без сложных терминов.
  3. III Метод Показываем четыре составляющие работы АРТЕРИИ.
  4. IV Доверие Представляем экспертов перед коммерческим блоком.

Контент и ритм

Большой объём текста остаётся лёгким

Разделили манифест на короткие смысловые фрагменты, добавили выразительные заголовки и чередование светлых и тёмных блоков. Пользователь может читать последовательно или быстро просмотреть страницу по ключевым тезисам.

Блок манифеста на сайте Артерия
  1. 1 Крупные заголовки помогают быстро понять основную мысль раздела.
  2. 2 Контрастные фоны разделяют этапы истории и поддерживают внимание.
  3. 3 Минимум декоративных элементов оставляет в центре текст и фотографии.
Секция Почему так на сайте Артерия
Почему так После эмоционального вступления пользователь получает ясное объяснение идеи проекта.
Четыре условия обновления на сайте Артерия
Четыре условия Метод раскрывается через четыре понятные составляющие: тело, сила, опыт и память.

Эксперты проекта

Сначала доверие, затем выбор

В персональном трансформационном проекте важно понимать, с кем предстоит работать. Поэтому до описания форматов мы показываем Светлану Лаврентьеву и Александра Севера, их специализацию, опыт и подход.

  • Роли и специализация видны с первого взгляда
  • Авторские портреты передают характер экспертов
  • Биографии подтверждают опыт и помогают сформировать доверие
Блок команды проекта Артерия
Кто мы Контрастная подача отделяет знакомство с командой от основной истории проекта.

Коммерческий блок

Fast Restart Experience

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

1 день

Fast

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

2 дня

Restart

Двухдневная программа: работа с телом и личной стратегией, затем новый образ и фотосессия.

индивидуально

Experience

Индивидуальная программа с персональным сценарием, командой специалистов и событием-инициацией.

Блок формата Fast на сайте Артерия
Понятная структура предложения Для каждого формата указаны продолжительность, программа, стоимость и следующий шаг.
Блок формата Restart на сайте Артерия
RestartДвухдневная программа с работой над состоянием и образом.
Блок формата Experience на сайте Артерия
ExperienceПерсональный сценарий трансформации под задачу клиента.

Адаптив

Сценарий работает на любом экране

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

Первый экран мобильной версии сайта Артерия
Первый экранФирменный образ и основная идея проекта.
Мобильный блок условий обновления
МетодСмысловые блоки последовательно раскрываются в одной колонке.
Мобильный блок форматов Артерии
ФорматыПрограмма и стоимость остаются понятными на узком экране.
Платформа
WordPress
Конструктор
Elementor
Формы
Contact Form 7
Типографика
Playfair Display · Lato
Адаптив
Компьютер · планшет · смартфон
Тип
Одностраничный лендинг
Фирменный цвет
#03B3B5
Содержание
Идея · эксперты · три формата

Ключевые решения

Что помогло сохранить характер проекта

Мы искали баланс между эмоциональной историей и коммерческой задачей. Каждое решение должно было либо помогать понять продукт, либо приближать пользователя к выбору.

Использовали

Сначала смысл

Перед стоимостью объясняем подход проекта и показываем, для кого он создан.

Использовали

Три формата на одной странице

Пользователь сравнивает Fast, Restart и Experience без переходов между разделами.

Не использовали

Лишние декоративные элементы

Визуальные акценты поддерживают содержание, но не отвлекают от текста и фотографий.

Не использовали

Стоимость без контекста

Цены появляются после знакомства с методом и экспертами, когда ценность предложения уже понятна.

Результат

Сайт объясняет сложный продукт и ведёт к заявке

Получился цельный одностраничный сайт: он передаёт атмосферу АРТЕРИИ, последовательно раскрывает метод, знакомит с экспертами и помогает сравнить три формата. Эмоциональная подача работает вместе с понятной структурой и коммерческой задачей.

Нужен лендинг, который понятно объясняет сложный продукт?

Обсудить проект