Лендинг Дизайн+вёрстка 2025

Редизайн сайта тренингового центра на основе кастдевов

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

Хочу также Смотреть сайт

Контекст, задача и моя роль

Заказчик

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

Сроки

4 недели от анализа кастдевов и данных о задаче до рабочего сайта, адаптированного под все утройства.

Задача

Редизайн сайта. Через дизайн и тексты нужно было отразить ценности компании. Заменить тёмные цвета на светлые и яркие — передающие настроение позитивных изменений в жизни и ощущение поддержки, которое даёт тренинг.

Моя роль

UX/UI-дизайнер и верстальщик на Тильде

Полностью вела проект одна — от анализа кастдевов и понимания задачи до дизайна, вёрстки на Zero Block в Тильде и запуска.

Анализ кастдевов

Изучила кастдевы участников — и увидела чёткую картину: после просмотра старого сайта у людей оставалось больше вопросов, чем ответов. Сколько стоит участие? Программа идёт 3 дня — но чем заняты эти дни? Что вообще будет происходить?

Отдельная проблема — структура программы. Это первая из трёх ступеней, но на сайте это никак не объяснялось: зачем нужны все три, почему стоит пройти дальше первой.

Главные проблемы

Непонятна стоимость и состав программы

Не раскрыта логика трёх ступеней

Перегруженность информацией

А

Анна Я вообще ничего не поняла на сайте

М

Михаил Хотелось заранее понимать занятость в каждый день

Д

Дмитрий Про 4й день я узнал слишком поздно, пришлось срочно менять планы

Е

Елена Сначала не понимала, что мы будем делать аж три дня. У меня дети и было сложно решиться на такое

О

Ольга Сайт пугает обилием информации

Выбор концепции

Подготовила две концепции с разным настроением.

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

Заказчик выбрал вторую концепцию — она больше отражала реальные ощущения от самого тренинга, а не просто внешний образ компании.

Дизайн

Стало

Было

Спроектировала структуру, которая напрямую отвечала на вопросы из кастдевов. Цена, даты и длительность теперь указаны явно.

Если посмотреть на все изменения вместе, видна одна логика: везде, где раньше был абстрактный образ — сейчас конкретный факт.

Не "пробьёте финансовый потолок", а закреплённый коуч и месячная подготовка кураторов. Не общие "7 сфер жизни", а реальные фразу участников. Не "3 дня тренинга", а расписание по часам.

С первых экранов теперь сразу понятно, что это за тренинг и кому он подходит — появился явный блок "Этот тренинг для тех, кто".

Всего одна фраза проясняет логику 3 ступеней.

Раньше ступени просто перечислялись без объяснения связи между ними.

Вместо абстрактных фраз вроде "система совершенствуется более 55 лет" конкретно расписала, что получит человек.

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

Вместо общего "3 дня и 1 вечер" расписала программу каждого дня со временем начала и окончания.

Адаптация под мобильные устройства

В этом проекте было много Zero Block. Вручную адаптировала каждый блок под 5 расширений экранов.

Итог

Сайт здесь не продаёт — он информирует, и вся работа строилась вокруг одного принципа: заменить абстрактные образы конкретными фактами, отвечающими на реальные вопросы людей, а не на вопросы, которые кажутся важными со стороны.

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

Нужен сайт, который отвечает на реальные вопросы аудитории?
Напишите — начнём с анализа, а не с макета.

Написать