Лендинг для мужского сообщества К1 Ультиматум

Используемые навыки Верстка Дизайн Сайт "под ключ"

Описание

К1 Ультиматум — мужской клуб из Казани. Его главный продукт — восьминедельный офлайн-курс: кикбоксинг три раза в неделю с тренерами-чемпионами, работа в командах, стратегия жизни на 10 лет, выезды на природу, экзамен и выпускной. Вокруг курса выстроена лестница продуктов: бесплатная пробная тренировка, недельный интенсив «Неделя в Деле» и тренинг-игра «Перезагрузка».

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

Цели, которые поставил клиент:
— с первого экрана передать характер клуба: жёсткий, мужской, про дисциплину и перемены, а не про «красивое тело»;
— показать всю лестницу продуктов и подвести сомневающихся к бесплатной тренировке как к самому простому шагу;
— объяснить, как на самом деле проходят 8 недель, чтобы снять страх перед нагрузкой и неизвестностью;
— усилить доверие: тренеры-чемпионы, история клуба с 2013 года, 500+ выпускников;
— создать ощущение срочности: дата старта потока и ограниченное число мест;
— сделать сайт удобным на телефоне.

Отдельно клиенту хотелось, чтобы сайт ощущался живым и современным, но без лишней суеты. Аудитория — взрослые мужчины, в том числе старше 40, которые принимают решение спокойно и не любят, когда им «впаривают».

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

Решение

Начал с референсов. Клиенту понравились сайт бойцовского клуба с тёмной фактурой и одним акцентным цветом, а также приём glassmorphism. Я предложил направление «брутальный клуб плюс тёмное стекло»: грубый фон и драматичные фото как основа, матовые стеклянные панели как слой интерфейса. Голографическую эстетику из референсов сознательно отбросил: она спорила бы с мужским характером бренда. Ещё проверил альтернативу в стиле предыдущего дизайнера проекта и показал её клиенту, но выбрали первое направление.

Что сделал:
— Дизайн-систему в Figma: цветовые переменные с фирменным оранжевым, типографику (узкий Oswald для заголовков, Manrope для текста), стили стекла и свечения, компоненты кнопок, карточек продуктов, тренеров и FAQ.
— Полный лендинг на десктопе 1440 и на телефоне 390. На первом экране заголовок «8 недель, которые перезапустят твою жизнь» и стеклянная панель потока с таймером до старта, счётчиком мест и ценой.
— Продукты оформил лестницей от бесплатного к основному курсу, который выделен акцентом. Программу показал таймлайном недель и сеткой «как проходит неделя» по дням.
— Пока нет съёмки клуба, сгенерировал атмосферные фото в единой цветокоррекции, чтобы макет выглядел живым. Клиент заменит их на свои.
— Продумал анимацию первого экрана: строки заголовка влетают как удары, с рикошетом и искрами, а таймер прокручивается к реальному остатку дней. Собрал живую демку и написал ТЗ с таймингами и кривыми.
— Для остальной страницы сделал демку с 27 анимациями: появление при скролле, счётчики, «прожигание» пути по неделям, эффекты при наведении. Каждую можно включить или выключить в панели, чтобы клиент сам выбрал нужное.
— Оформил три юридические страницы: содержание с подсветкой раздела, сводка главного в карточках, предупреждение о здоровье, реквизиты с копированием. Подготовил ТЗ для разработчика.

Результат

Клиент получил готовый к разработке пакет: дизайн лендинга на десктопе и телефоне, три юридические страницы, дизайн-систему с компонентами и две интерактивные демки анимаций. Всё собрано в одном файле Figma на переменных и компонентах, поэтому правки цвета, текста или карточек делаются за минуты и сразу расходятся по всем экранам.

Лендинг решает задачи, с которыми пришёл клиент:
— Первый экран за несколько секунд передаёт характер клуба: тёмная атмосфера ринга, удар заголовка, реальный тренер-чемпион. Стеклянная панель с датой старта, оставшимися местами и ценой создаёт срочность без давления.
— Лестница продуктов показывает, с чего начать. Бесплатная тренировка подаётся как простой первый шаг, основной курс выделен, а каждая карточка ведёт к записи.
— Программа по неделям и ритм недели по дням отвечают на главный вопрос сомневающихся: «что меня ждёт и потяну ли я». Частые вопросы снимают остальные страхи: возраст, подготовка, время.
— Форма заявки стоит внизу страницы и оформлена так, чтобы её было легко заполнить с телефона.