Сайт про платформу → сайт, который продаёт команду и её продукт: две равные воронки, живое демо, кабинет правок для заказчика.
Детали проекта
- Роль
- Одна: стратегия, идентичность, сборка
- Формат
- Клиентский ребилд
- Рынок
- РФ + СНГ · B2B
- Статус
- Живой прод (домен ждёт привязки)
Главное за 30 секунд
До / после
От обезличенной 3D-графики про платформу к сайту, который продаёт команду и её продукт.
Что было плохо
Старый сайт рассказывал про платформу, а покупают команду.
На старой главной (она до сих пор живёт на whatdadev.ru): обезличенная 3D-графика и общие слова про автоматизацию. Собственный продукт Coordo был пунктом меню без продающей страницы. Аналитики на сайте не было: какие страницы приводили клиентов, неизвестно.
B2B-клиент выбирает подрядчика по конкретике и доверию. Значит сайту нужны: живое демо продукта вместо иллюстраций, отраслевые страницы, где клиент узнаёт себя, и идентичность, которая не выглядит шаблоном.
Цифры по лидам и цитата собственника команды появятся после интервью с ним. Пока кейс опирается только на то, что проверяемо по репозиторию и живым сайтам.
Проектирование
Четыре итерации акцента, пока сайт не перестал выглядеть ИИ-шаблоном
Финальная идентичность: корпоративный синий, сериф Piazzolla в заголовках и Golos Text в тексте. Тёплая бумага и чернила вместо стерильного белого.
Полный разбор
Процесс
Первый акцент красный: отклонён как агрессивный для B2B. Затем indigo, стандартный фиолетово-синий: отклонён, потому что вместе с Inter он читается как дефолт ИИ-генерации. Затем зелёный: отклонён владельцем по тону. Каждый отказ записан отдельным ADR с причиной.
Гипотеза
B2B-сайт продаёт доверие, а эстетика, неотличимая от массовых ИИ-шаблонов, доверие подрывает: подрядчика по автоматизации выбирают в том числе по тому, насколько осознанно сделан его собственный сайт.
Чем заплатила
Несколько кругов правок палитры и кастомная идентичность вместо готовой: дольше и дороже по времени, чем взять дефолт.
Проектирование
Продукт вынесен из меню в отдельный лендинг
Отдельный лендинг продукта с записью реального процесса согласования договора вместо рендеров, выделение в шапке сайта. Воронки «Услуги» и «Продукты» уравнены 50/50, приоритет подтверждён заказчиком и записан в ADR.
Полный разбор
Процесс
Coordo, собственный продукт команды, был пунктом навигации без продающей страницы: посетитель не видел, что именно продукт делает.
Гипотеза
Продукт это основа продаж, а не подпункт меню. Запись реального экрана убедительнее любых иллюстраций: видно живой процесс, а не обещание.
Чем заплатила
Две равные воронки означают два равных потока контента и призывов к действию: баланс приходится держать на каждом экране.
Coordo, продукт команды на ELMA365: настройка маршрутов согласования и три готовых контура ЭДО. Запись реального процесса, не рендер.
Передача
Кабинет правок вместо «пишите разработчику»
Git-CMS: кабинет /admin/, где правка публикуется как коммит и запускает автопересборку. Вход одним кликом через GitHub, авторизацию обслуживает отдельный маленький воркер.
Полный разбор
Процесс
Сайт статический, контент правился только через код: каждая правка текста означала обращение к разработчику.
Гипотеза
Заказчик должен править контент сам, без сервера и базы данных. Классическая CMS означала бы хостинг, обслуживание и новую поверхность атаки.
Чем заплатила
Публикация занимает одну-две минуты пересборки вместо мгновенной, а воркер авторизации деплоится вручную отдельно от сайта.
Остальные решения
SEO длинного хвоста вместо войны за голову
было: По головным запросам про автоматизацию новая команда не выиграет выдачу у платформ и интеграторов с многолетним доменом.
Форма перестала врать «отправлено»
было: У формы контактов был демо-режим: пользователь видел «заявка отправлена», но заявка не уходила никуда.
Текст вычищен от AI-теллов: 1296 длинных тире переписаны, а не стёрты
было: Следы машинной генерации несла не только графика, но и сами слова: длинное тире «—» в каждом втором предложении и пустые усилители вроде «глубокой кастомизации» и «значительно сокращает».
Ошибки и артефакты: для тех, кто глубже
Аудит соврал наполовину. Проверка собственного сайта приняла отсутствие улики за доказательство отсутствия: несуществующий URL, поиск не в том месте. Правило теперь записано: «проверено лично» значит открыла и увидела, у каждого факта провенанс.
Разметка страниц могла исполнить чужой скрипт. Стандартная сериализация JSON не экранирует теги: поле контента с закрывающим тегом скрипта исполнило бы произвольный код. Теперь вся структурированная разметка идёт через хелпер с экранированием.
Переменная шаблона затёрла функцию счётчика. Локальная переменная перекрыла глобальную функцию аналитики: цели молча не отправлялись бы. Поймано до пуша. Урок: проверять, что событие ушло, а не что скрипт вставился.
Результат
29 часов
От первого коммита до живого прода за шесть рабочих дней июня. Дальше сайт дорабатывался итерациями ещё месяц.
4 итерации
Акцентного цвета до финала: красный, indigo, зелёный, синий. Каждый отказ записан отдельным ADR с причиной.
20 статей
Плюс глоссарий из 15 терминов и 5 отраслевых лендингов: контентная база под SEO длинного хвоста.
Целевая метрика: целевые действия «Записаться на демо» и переходы в мессенджеры. Воронка событий (клик по CTA, клик по мессенджеру, отправка заявки, глубина скролла) уже спроектирована и навешана на страницы через единую точку, но счётчики пока не включены: идентификаторы пустые. Поэтому здесь воронка это спроектированный замер, а не источник цифр, и я не изобретаю значения.
- Ограничение: домен whatdadev.ru пока отдаёт старый сайт, прод живёт на техническом адресе.
- Ограничение: счётчики аналитики не активированы, воронка ждёт включения.
- Ограничение: бизнес-цифры появятся после интервью с собственником.
Что бы сделала иначе
Включила бы счётчики аналитики вместе с первым деплоем: обвязка событий готова, но без идентификаторов она не собирает ничего, и первые недели трафика уже не измерить.
И зафиксировала бы идентичность раньше: четыре итерации акцента это честный процесс, но две из них можно было снять одним муд-бордом до кода.
Как я работала с Claude
Claude держал объём контента и код; идентичность и структуру сайта я решала сама.
Ускорил
29 часов от первого коммита до живого прода и контентная база под длинный хвост: 20 статей, глоссарий из 15 терминов, 5 отраслевых лендингов. Производство вела в паре с Claude.
Позволил
Соло закрыла весь стек: идентичность, структура, код, git-CMS с кабинетом /admin/ и отдельным воркером авторизации.
Осталось за мной
Решения держала сама и фиксировала в ADR: четыре итерации акцента против ИИ-дефолта, воронки «Услуги»/«Продукты» 50/50, честные кнопки мессенджеров вместо формы с фейковым «отправлено».