Предприниматель приходит к дизайнеру или разработчику и говорит: «Мне нужен сайт». Без ТЗ, без прототипа, без маркетинговой проработки. Дизайнер берёт бриф на полстраницы и начинает рисовать.
Результат предсказуем: сайт, который кричит «Мы лидеры рынка с 10-летним опытом» — но ни слова о проблемах клиента. Красивый. Бесполезный.
Проблема не в дизайнере. Проблема в том, что сайт начинается с дизайна, а не со смыслов.
Прототип — это и есть тот этап, где сначала выстраиваются смыслы, структура и логика продаж. И только потом — визуал. Ниже — пошаговый разбор, как это работает.
Типичные ошибки
Ошибка 1: Красивый сайт без структуры
Дизайнер рисует, что ему нравится. Сайт красивый, но не конвертит.
Решение: Прототип раньше дизайна.
Ошибка 2: Сразу в дизайн
Пропускают исследование и сразу идут к дизайнеру. Дизайнер не знает вашу ЦА.
Решение: Сначала анализ, потом прототип, потом дизайн.
Ошибка 3: Писать о себе, а не о клиенте
«Мы лидеры рынка с 10-летним опытом» — клиенту всё равно.
Решение: Говорить о проблемах и выгодах клиента.
Ошибка 4: Один CTA на весь сайт
Не все готовы купить сразу. Один «Оставить заявку» — мало.
Решение: Несколько CTA для разных стадий готовности.
Ошибка 5: Копировать конкурентов
«Как у того, но другим цветом» — не стратегия.
Решение: Анализировать конкурентов, но строить своё позиционирование.
Что такое прототип
Прототип сайта — это простая модель будущего сайта. Набросок или схема, где видно, где и какие блоки, кнопки, тексты и изображения будут находиться.
Но я не просто делаю прототип. Я делаю ПРОДАЮЩИЙ прототип.
Маркетинговый продающий прототип — это прототип, в котором главная цель не красота, а продажа. Каждый блок и текст подчинены задаче привести пользователя к целевому действию.
Зачем он нужен бизнесу
Снижает риск «красивого, но неработающего» сайта
Помогает маркетологу, дизайнеру и клиенту говорить на одном языке
Уменьшает количество переделок
Экономит деньги и время
Знакомство (0-этап)
На созвоне я понимаю:
- — Чем вы занимаетесь
- — Какова ваша ЦА (как ВЫ её видите)
- — Какие цели у сайта
- — Какой был опыт с маркетингом раньше
Я записываю, транскрибирую, запускаю анализ на ИИ. Это основа для всего остального.
Сбор информации
70% времени — это сбор и анализ информации. Работаю в две категории:
A) Ручной анализ
- — Смотрю конкурентов (сайты, которые меня цепляют)
- — Отмечаю: заголовок, визуал, структура, формы
- — Создаю мудборд
B) Анализ ИИ
Конкурентный анализ за 4 часа вместо недели
- — Даю промпты: найди конкурентов, вытащи их маркетинг
- — Структурирую в таблицу
Результат
Полное представление о рынке и том, как другие позиционируют. Я вижу пробелы, в которые вы можете прыгнуть.
Маркетинг-документ
Вся информация, которую я собрал, кладу в документ «Маркетинг-документ Ниша, Уровень 1». Загружаю его в Gemini и начинаю диалог.
Обсуждаем:
Результат
Новый документ «Маркетинг-документ, Уровень 2» (25-30 страниц).
Вы получите этот документ вместе с прототипом. Используйте его для всего: реклама, контент, скрипты продаж.
Модель подачи информации
На этом этапе я выбираю модель презентации информации:
Attention → Interest → Desire → Action
Jobs To Be Done
Через историю
В зависимости от модели я точно понимаю, какие блоки сайта буду использовать.
Примеры
- —B2B SaaS для инженеров → скорее всего AIDA
- —Фитнес-клуб → скорее всего история
- —Интернет-банк → скорее всего Jobs To Be Done
Структура и блоки
На бумаге (или в Figma) я раскладываю блоки сайта.
Главная ошибка
Новички кладут блоки о себе первыми. «О нас», «Команда», «Наши заслуги».
Мой принцип: Когда клиент первый раз заходит на сайт, ему на себя наплевать. Он хочет знать: решится ли ТУТ его проблема?
Первый экран должен вербализовать его боль.
«Вы потратили 200k на рекламу, а конверсия 0,1%? Вот почему.»
Структура
Копирайтинг
Главное: Сайт должен быть ПОНЯТНЫМ. Говорить языком клиента, говорить языком выгод. Не «мычать» («Мы сделали», «Наша команда»).
Заголовки и булиты
Прочитав только их, клиент должен ответить на:
Несколько CTA
Я расставляю несколько CTA (не стандартные «оставить заявку»):
Люди разные. Одни готовы к действию сразу. Другие хотят ещё знаний.
Упаковка в Figma / Tilda
Прототип — это чёрно-белая версия сайта без дизайна.
В Figma это выглядит как:
- —Блоки (прямоугольники с наименованиями)
- —Текст в нужных местах
- —Формы (с пометками «тут форма»)
- —Фотографии (подписаны, где они будут)
Дизайнер смотрит на это и понимает: «Понял, вот эта фраза должна быть тут, это то главное, на что смотрит клиент в первую очередь».
Сроки и реальность
от момента заполнения брифа
70% времени — сбор и анализ информации. ИИ помогает, но не заменяет экспертное мнение.
Рекомендация
Если вы компания с > 50 сотрудников или B2B с длинным циклом сделки, может понадобиться 2-3 недели. Но результат будет глубже.
