Сайт — это путь, а не дизайн. Показываю свою структуру

В ролике я обещал показать свою структуру. Показываю, но сначала о том, как я к ней пришёл.

Что я понял на второй неделе

Свой хаб гайдов я собрал словами: описал, что нужно, и Claude Code сделал сайт. Без вёрстки, без дизайнера, без месяца ожидания. Первую неделю я был доволен: тёмная тема, карточки, анимации.

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

Сайт это не дизайн. Сайт это путь человека от «случайно попал» до «оставил контакт». Дизайн либо помогает пройти этот путь, либо мешает.

Почему красивая страница не приносит заявок

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

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

Моя структура: путь из 5 шагов

Вот как устроен путь у меня. Он начинается не на сайте, а раньше.

1. Точка входа. Рилс или карусель с кодовым словом в конце. Человек видит тему и пишет слово в комментариях
2. Статья под слово. Под каждое кодовое слово на сайте лежит отдельная статья. Она продолжает ролик, а не пересказывает его
3. Польза на первом экране. Статья сразу подхватывает мысль из ролика. Никаких «в этой статье мы расскажем»
4. Одно действие. В конце статьи один шаг: перейти в Telegram-канал. Не три кнопки, не форма на десять полей, а одно понятное действие
5. Удержание. Канал держит человека, пока он не готов к продукту. Сайт при этом не обязан продавать с первого визита

Всё остальное на сайте, главная с карточками, темы, перелинковка между статьями, помогает человеку не потеряться. Но каркас именно этот.

Как собрать свой путь до дизайна

Прежде чем просить нейросеть нарисовать страницу, ответь письменно на четыре вопроса:

• Откуда человек приходит? Из рилса, из поиска, из рекомендации. От этого зависит, что он уже знает
• Что он хочет получить за первые 10 секунд? Ответ на свой вопрос, пример, цену
• Какое одно действие ты от него ждёшь? Записаться, написать, оставить телефон, перейти в канал
• Что ему мешает это сделать? Страх, непонятная цена, слишком длинная форма

Ответы и есть бриф для нейросети. Дизайн рисуется последним, когда путь уже понятен.

Как проверить путь в Яндекс Метрике

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

Цели. В справке Метрики описаны типы целей, среди них «Отправка формы» и «Клик по кнопке». Поставь цель на то самое одно действие и смотри конверсию: сколько посетителей до него дошли.

Вебвизор. Он записывает, как человек двигался по странице: куда скроллил, где остановился, где ушёл. Посмотри 10 записей подряд, и станет видно, на каком месте путь рвётся.

Если до действия доходят единицы, не трогай цвета. Сначала проверь, видно ли это действие и понятно ли, зачем его делать.

Частые ошибки

• Пять кнопок на странице. Когда вариантов много, человек не выбирает ничего
• Форма на десять полей. Для первого контакта хватает имени и способа связи
• Одна страница для всех. Человек из рилса и человек из поиска знают разное, им нужны разные входы
• Правки дизайна без данных. Сначала Метрика, потом переделки

Почему сайт не приносит заявки, если он красивый?

Чаще всего на странице нет одного понятного действия или оно спрятано. Красота не заменяет ответ на вопрос посетителя «что мне сделать дальше».

Нужен ли дизайнер, если сайт собирает нейросеть?

Для первой версии нет. Нейросеть соберёт аккуратную страницу по описанию. Дизайнер нужен позже, когда путь уже работает и хочется поднять конверсию.

Сколько действий должно быть на одной странице?

Одно главное. Остальные ссылки могут быть, но они не должны спорить с главным действием за внимание.

Можно ли собрать такой сайт без программиста?

Да. Я собрал свой хаб, описывая задачу словами, а код писал Claude Code. Сложнее всего было не сделать страницу, а честно ответить себе, куда я веду человека и какое одно действие от него жду. Когда это понятно, сама сборка занимает вечер, а правки после данных Метрики делаются за минуты.

Что делать, если в Вебвизоре видно, что люди не доскролливают?

Значит, на первом экране нет причины читать дальше. Подними главное действие выше, сократи вступление и проверь, отвечает ли заголовок на вопрос, с которым человек пришёл. Потом снова посмотри 10 записей и сравни.

Что дальше

Если хочешь понять, как вообще ставить задачу нейросети, начни со статьи Вайбкодинг — это навык объяснять. А как я веду людей дальше по пути, показываю в Telegram-канале.

👉 Заходи в канал @Evgeniy_Tolstobrov