What Da Dev
Сайт, который продаёт команду и её продукт
- B2B
- Редизайн
- 2026
Два бизнеса на одной главной: проектное внедрение с длинным циклом и коробка с фиксированной ценой. Покупают их одни и те же люди, но разными аргументами.
Коротко
WhatDaDev внедряет ELMA365 и продаёт на его основе коробочный документооборот Coordo. Рынки России и Казахстана.
- Задача
- Две воронки поровну на одном сайте и органика выше конкурентов
- Что сделала
- Всё сама с Claude Code: опросник заказчику, структура на две воронки и 70 страниц, тексты, вёрстка, деплой, 16 ADR
- Результат
- Продукт вышел из меню в свою воронку; за три месяца глубина +8…17 %, внутренние переходы в 1,5–2,2 раза
- Чем подтверждено
- Метрика: 18 месяцев старого сайта против трёх месяцев нового. Рост дал редизайн целиком, а не одно решение
- Срок
- Первый прод за 6 дней, дедлайна не было
Объём работы
- Опросник заказчику
- Разбор конкурентов
- Структура на 70 страниц
- SEO: 135 запросов
- Тексты
- Палитра и айдентика
- Кабинет правок
- Вёрстка и деплой
- 16 ADR
- Замеры Метрики
Первые три месяца нового сайта
Методика и полная таблица нижеПросмотры в месяц
429 → 450–580
+5…35 %
Глубина просмотра
2,31 → 2,5–2,7
+8…17 %
Время на сайте, мин:с
2:18 → 2:30–3:00
+9…30 %
Внутренние переходы
4,5 → 7–10
в 1,5–2,2 раза
Слева месячный темп старого сайта, 18 месяцев наблюдения в Метрике. Справа первые три месяца нового: диапазон это разброс по месяцам.
На одном сайте живут два бизнеса: проектное внедрение с длинным циклом и коробка с фиксированной ценой. Продукт при этом был пунктом меню, без своей посадочной и без своей воронки.
Заказчик внешний, задача пришла устно и без технического задания. Дедлайна не ставили, работала одна, первый прод собрался за шесть дней.
Моя роль
Стратегия, структура, идентичность, тексты, вёрстка и деплой. Работала одна, решения фиксировала в ADR: шестнадцать записей, у каждой причина и цена.
Проблема
Решение принимают трое. А сайт говорил с одним
3D-графика
Абстрактные фигуры вместо работы.
Продукт в меню
Coordo без продающей страницы.
Шесть страниц
Без отраслей, сравнений и цен.
Английские слаги
Английские адреса при русских запросах.
Коробку за 990 000 рублей не покупает один человек: ИТ-директору нужна архитектура, владельцу процесса сроки, финдиректору окупаемость. Старый сайт отвечал на общий вопрос «что такое ELMA365».
Фокус задачи
Как одной главной ответить троим, если у каждого свой вопрос, свой страх и своя причина сказать «нет»?
Как я разбиралась
Спросила бизнес, потом конкурентов. Ответы поменяли макет
До первой строчки кода собрала опросник на шесть блоков. Половина ответов пришла сразу, часть висит открытой до сих пор, и это тоже результат: видно, чего в проекте нет.
Приоритет воронок 50 на 50
Главная стала развилкой. Отсюда меню и весь контент. ADR-0001.
Источник правды это старый сайт
Сверка выкинула «12 внедрений» и «ответ за 2 часа»: цифры стояли на живых страницах.
Поиск это ведущее требование
Статика вместо конструктора, 70 страниц вместо шести. ADR-0004.
Сайты интеграторов я смотрела на дыры, а не на «красиво или нет». Дыры у всех одинаковые: коробочный ЭДО нигде не подан как продукт, сравнений нет, цены за формой «уточнить стоимость», Казахстан не закрыт. Отсюда структура сайта и 135 запросов, разложенных по сроку отдачи.
Продуктовое решение
Одна главная. Две равные воронки
Развилка 50/50
Две посадочные вместо одной главной.
Отрасли
Пять штук, клиент узнаёт свой процесс.
Пресс-центр
20 статей, 8 сравнений, 15 терминов.
Кабинет правок
Заказчик меняет тексты и цены сам.
Главная перестала продавать сама. Это структурное решение, а не оформление.
До и после
Обещание поменялось. И это видно на первом экране
Развилка на две воронки пока что утверждение. Проверяется оно за минуту: старый сайт живёт на whatdadev.ru, новый на what-da-dev.ru, обе версии открыты.
Главная страница
whatdadev.ru → what-da-dev.ru
3D-графика и общие слова про автоматизацию.
Услуга, продукт и запись реального согласования договора.
Почему поменяла
Иллюстрация платформы не отвечает ни на один вопрос комитета. Живой экран отвечает сразу на два: что это и работает ли оно.
Раздел решений
Решения ELMA365 → Готовые модули
Карточка модуля это название и логотип.
Описание, назначение и статус готовности.
Почему поменяла
Плашка «скоро» на скриншоте слабее готовой страницы, зато честнее: посетитель видит, что модуль в работе, и не считает сайт брошенным.
То же самое в цифрах
Замеры сняты с двух живых сайтов и воспроизводятся одной командой в терминале.
| Показатель | До | После |
|---|---|---|
| Вес HTML главной | 106 КБ | 24 КБ |
| Подключений CSS | 28 | 1 |
| Внешних скриптов | 28 | 0 |
| Заголовков второго уровня | 3 | 6 |
| Страниц с контентом | 31 | 70 |
Лёгкий HTML это ещё не лёгкая страница: на главной автозапускается видео на 7,6 МБ. Долг, а не достижение.
Ключевой сценарий
От запроса в поиске до заявки за три шага
По решению ADR-0012 целевое действие лежит не глубже трёх кликов с любой страницы: кнопку держит шапка.
- Запрос в поиске
- Отраслевая страница
- Посадочная воронки
- Заявка в мессенджер
Раньше тут стояла форма, которая показывала «отправлено» и не отправляла никуда.
Главная работа дизайнера
Дефолт генератора работал. Но продавал против нас
Первая версия была собрана из умолчаний генератора: Inter, indigo, стоковые серые, тёмный герой со свечением. Работало всё, а читалось как шаблон.
Проблема
Компания продаёт осознанность в решениях, а сайт спорил с этим первым экраном.
Решение
Сериф, тёплая бумага вместо белого, корпоративный синий, радиусы 4 и 6.
Четыре акцента, три отклонены
Три захода, три отказа, каждый записан отдельным решением. Причины разной природы: семантика предметной области, позиционирование, тон рынка.
-
Красный #D90D15
ОтклоненоВ согласовании документов читается как ошибка. Семантика, а не оттенок. ADR-0003.
-
Indigo #4F46E5 с Inter
ОтклоненоДефолт любого генератора. Подрядчика по автоматизации выбирают и по его сайту. ADR-0013.
-
Зелёный, хвойный и изумрудный
ОтклоненоОтклонён заказчиком по тону: звучал как экология и финтех. ADR-0013.
Корпоративный синий #1F5B99
В продуктеГлубокий синий без индигового отлива. ADR-0014.
Кит проекта
-
Акцент
#1F5B99
Кнопки и ссылки
-
Ховер
#174873
Нажатие и наведение
-
Подложка
#D9E6F3
Выноски и статусы
-
Тёмный фон
#10151A
Первый экран и подвал
-
Бумага
#FAF8F2
Фон контентных страниц
Дальше 70 страниц собирались из этих пяти цветов, без макета на каждую. Кейс показывает цвета проекта, но набран шрифтом портфолио.
Что я упустила
Про две вещи я не спросила. Узнала из чужого документа
Через два месяца после запуска мне попало в руки коммерческое предложение, по которому компания продаёт. В нём две вещи, которых я не знала.
Воронок три, а не две
Сопровождение конфигурации продаётся пакетом часов со своим SLA. Страницы под него нет, и третья воронка не берёт ни одного запроса из поиска.
Доказательства были всё это время
Двенадцать логотипов в закрытом документе: металлургия, ритейл, авиастроение, девелопмент. Ни одного из них нет на сайте.
Клиенты в коммерческом предложении
Заказчик их не прятал: спрашивая про приоритет двух воронок, я приняла их количество за данность, а про готовые доказательства не спросила вовсе.
И я не знаю, у скольких из двенадцати есть согласие на публикацию. Списка тех, у кого его стоит попросить, я тоже не составила.
UX-архитектура
Структуру задал невидимый второй пользователь
Кроме закупочного комитета у сайта есть второй пользователь, которого нет ни на одном макете: контент-менеджер заказчика.
- Правка в кабинете
- Коммит в репозиторий
- Пересборка
- Страница обновилась
Публикация занимает две минуты. Классическая CMS дала бы мгновенную, но потянула бы сервер, базу и новую поверхность атаки ради сайта, который меняется раз в неделю.
Результат
Продукт вышел из меню. Трафик держится, качество выросло
Главный результат не количество страниц, а собственная воронка у продукта. Второй виден в Метрике за первые три месяца: объём захода остался прежним, а глубина, время и внутренние переходы выросли.
Находить
70 страниц под длинный хвост.
Выбирать
Продукт и услуги в двух воронках.
Проверять
Свой опыт на платформе вместо обещаний.
Править
Разработчик для правок больше не нужен.
Было
«Мы команда экспертов по внедрению»
Стало
«Вот что получите, за сколько и в какой срок»
Первые три месяца в цифрах
Четыре карточки в начале кейса это выжимка из этой таблицы. Слева месячный темп старого сайта: 18 месяцев наблюдения в Метрике. Справа первые три месяца нового. Диапазон это разброс по месяцам, а не вилка прогноза, и сравнение идёт по одному отчёту: у разных отчётов Метрики границы периода расходятся на 2,5 %, и на этой разнице легко увидеть эффект, которого нет.
| Показатель | Старый сайт | Новый сайт | Динамика |
|---|---|---|---|
| Показатель в месяц | База | Факт, 1–3 мес | Динамика |
| Визиты | 186 | 170–210 | Объём держится |
| Посетители | 113 | 105–130 | Ядро сохранилось |
| Просмотры | 429 | 450–580 | +5…35 % |
| Из поиска | 35 | 25–40 | Идёт переиндексация |
| Прямые заходы | 98 | 95–105 | Ядро удержано |
| По ссылкам | 45 | 40–55 | Без изменений |
| Внутренние переходы | 4,5 | 7–10 | В 1,5–2,2 раза |
| Из соцсетей | 2,4 | 2–5 | Активность выросла |
| Отказы | 37,6 % | 33–38 % | Нижняя граница ниже |
| Глубина просмотра | 2,31 | 2,5–2,7 | +8…17 % |
| Время на сайте | 2 м 18 с | 2 м 30 с – 3 м | +9…30 % |
| Вернувшиеся | 10,6 % | 11–13 % | +4…22 % |
| Доля смартфонов | 16,08 % | 16–19 % | Мобильных больше |
Отказы по сегментам старого сайта
Тот же период Метрики, разрез по источникам и устройствам. Это замер до редизайна, и он объясняет всю таблицу выше: терялись те, кто заходил на главную напрямую и с компьютера.
-
Прямые заходы 56,52 %
-
С компьютеров 41,63 %
-
Со смартфонов 25,54 %
-
По ссылкам 17,67 %
-
Из поиска 15,71 %
зона потерь норма
Объём трафика за квартал не изменился, и это ожидаемо: переиндексация 70 страниц занимает недели, поиск отвечает не сразу. Прямые заходы стоят на месте, 98 против 95–105: узнаваемость бренда от редизайна не зависит. Вырос не объём, а качество захода, и причину видно в замере отказов старого сайта. У прямых 56,5 %, у поиска 15,71 %: пришедший по запросу уходил сразу втрое реже, потому что попадал на страницу про свою задачу. Ставка проекта была ровно в этом, 70 страниц собраны под неё, и внутренние переходы вместо 4,5 стали 7–10. Обращения на старом сайте не считались вовсе, целей не было ни одной. В новом события «отправка формы» и «переход в мессенджер» расставлены по обеим воронкам.
Итог квартала
При том же объёме трафика выросло качество аудитории: просмотров до +35 %, времени на сайте до +30 %, а удобство навигации подтверждает двукратный рост внутренних переходов.
Что проверила и что поменяла
Коридорных тестов на проекте не было, и это дыра, а не оговорка. Проверка шла приёмкой заказчика и инструментами: контраст по стандарту нашёл показатели дашборда, почти белые на белом.
Ни один человек из закупочного комитета сайт до релиза не смотрел, и на следующем проекте я начну с этого.
- Диапазон в колонке «факт» это разброс по месяцам, а не доверительный интервал. Три месяца короткое окно: сезонность в нём не видна.
- Сравнение идёт строго по одному отчёту Метрики. У разных отчётов границы периода расходятся примерно на 2,5 %, и на этой разнице легко увидеть эффект, которого нет.
- Рост нельзя приписать одному решению. Вместе с дизайном поменялись структура, адреса и объём контента, A/B-теста не было.
- Канонические адреса на проде указывают на старый домен: открытый дефект, чинится правкой конфигурации.
Как я принимала решения
Каждое решение записано вместе с ценой
Шестнадцать ADR: контекст, решение, причина, последствия. Спор про отклонённый вариант через месяц сводился к чтению одной страницы.
Nielsen Norman Group
Из правила «не больше пяти пунктов в меню» убрала ELMA365 в футер.
Apple HIG
Тач-зона 44 на 44 как нижняя граница. Проверяла значением в коде.
WCAG 2.1
По стандарту нашлись показатели дашборда, почти белые на белом.
Практика ADR
Отсюда правило записывать цену решения, а не только выбор.
ИИ в работе
Тексты
20 статей собраны волнами агентов. Сверка вынула из них выдуманные цифры: модель достраивает правдоподобное там, где не дали фактов.
Код
Рефакторинги делал субагент, приёмку я, и приёмка была дифференциальной. Так нашлись две вещи, которых на скриншоте не видно.
Визуал
Тут я отказалась. Не от инструмента, а от его умолчаний: Inter, indigo, свечение, фейковые дашборды. ADR-0013.
Что я сломала по дороге
Аудит соврал наполовину
Приняла отсутствие улики за доказательство отсутствия: искала файл не по тому адресу и записала в отчёт, что его нет.
«Проверено» значит открыла и увидела.
Разметка могла исполнить чужой скрипт
Сериализация JSON не экранирует теги: поле контента с закрывающим тегом скрипта исполнило бы чужой код.
Вся разметка идёт через хелпер с экранированием.
Переменная затёрла счётчик
Локальная переменная перекрыла функцию аналитики, и цели молча перестали бы уходить. Поймала до пуша.
Проверять, что событие ушло, а не что скрипт вставился.
Что теперь
Сайт живой. Четыре долга ещё открыты
Третья воронка
Сопровождение конфигурации продаётся пакетом часов со своим SLA, а страницы под него нет, и из поиска эта воронка не берёт ни одного запроса.
Канонические адреса
На проде указывают на старый домен. Открытый дефект, чинится правкой конфигурации.
Логотипы клиентов
Двенадцать логотипов из коммерческого предложения. У скольких есть согласие на публикацию на сайте, неизвестно: списка ещё нет.
Видео на главной
Автозапуск на 7,6 МБ. Лёгкий HTML ещё не лёгкая страница.