Полгода страданий и боли: как мы делали CyberBrain 2.0. Подрядчики, срыв сроков, релиз нового сайта

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

Как зародился новый стиль

То, как CyberBrain выглядит сегодня, отражает внутренние изменения платформы.

Давайте с них и начнём:

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

Эти два продукта вместе с уже существующим ML-оптимизатором сформировали наше AI-ядро.

Что хотели отразить в ребрендинге

Мы изменили сам подход к работе с данными. Клиент больше не ищет строчку в дашборде — он получает персонализированные ответы, рекомендации и объяснения вместе с таблицами и графиками. Система предлагает проактивную аналитику, максимально открытую к пользователю..

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

На какие изменения рынка мы ответили

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

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

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

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

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

Этап 1. Первый дизайнер и мешок дизморали

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

Начали за здравие

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

Когда начали делать сайт, дали чёткие референсы — вплоть до блоков. Дали пожелания по шрифтам, размерам, цветам, иконкам. Составили подробное ТЗ со всеми текстами для сайта, описанием страниц и элементов. Казалось бы, просто собери всё воедино и сделай ну хотя бы приличный прототип.

Поначалу всё шло хорошо. С мая по июль нам показывали наработки, но уже в августе начались звоночки. Сначала мелкие сдвиги по срокам, потом большие. В один прекрасный день мы поняли, что Рогалик уже долгое время не открывал ТЗ. В конце концов наш крутой профессионал топнул ножкой и покинул проект из-за выгорания. Это было в сентябре — дизайнер продержался четыре месяца.

Мудрые советы

(Диз)Мораль такая: даже когда со своей стороны вы максимально стараетесь над качеством, результат не гарантирован. Вы можете быть вовлечены на 1000% и сделать самое подробное ТЗ, но подрядчик всё равно сдуется, оставив после себя бардак и огрызки макетов.

С творческими людьми легко профакапить проект: они могут перегореть, потерять мотивацию, уйти в бесконечно вечное. И неважно, ноунейм это или профессионал с наградами (и вашими деньгами).

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

Итоги сотрудничества

У нас на руках сырые наработки, полупустые страницы, 0 внесённых правок и гигантские шрифты из-за любви дизайнера к гигантизму. А в подарок — кривобокий логотип без пиксель пёрфекта.

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

Этап 2. Второй дизайнер: новая надежда

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

Созванивались минимум раз в неделю — по задачам и проверить, жив человек. А если выгорание? Хандра или осенняя депрессия? Мы были готовы ко всему.

Но работа шла гладко: Мира оставалась на связи. К началу ноября мы финализировали главную и продуктовые страницы. К середине месяца отрисовали недостающие: блог, макет статьи, контакты, 404, запись на демо. Ближе к зиме закончили всё остальное: форму заявки, футер, меню, кнопки.

Этап 3. Весёлая вёрстка

Начали искать верстальщика в октябре, когда из макетов были готовы только главная и продуктовые страницы. Хотели успеть с релизом до Нового года, поэтому решили: финалим страницу — и сразу отдаём на вёрстку. Но не тут-то было: мы двинулись по классике жанра и нашли исполнителя уровня Рогалика. Назовём его Галорик.

Из самого весёлого

Галорик очень долго и упорно не мог нормально вставить фоны с планетами на первые экраны продуктовых страниц, они вечно куда-то уезжали. Убеждал нас, что это особенность вёрстки, что она никогда не будет совпадать с макетом, что мы смотрим на ультрашироких мониторах — и так далее.

На внутреннем созвоне час ломали голову, что с этим делать. Озарение пришло внезапно: оказалось, парень смотрит в другую доску Figma. Какую — не спрашивайте, мы не знаем. Может, сделал копию и забыл, что мы работаем в основе. В любом случае всё это время у него был доступ к нужной версии — мы сразу закрепили её в чате. Но он предпочел сидеть и доказывать, что это мы дураки — с ультравысокими требованиями и ультраширокими мониторами.

Вот и повеселились

Через месяц Галорик отказался от сотрудничества, потому что «не готов работать в таком формате, измеряя всё вплоть до каждого пикселя», и вообще у него другие клиенты. На самом деле расхождения с макетом были и по 10, и по 30 пикселей — сколько угодно, но не один и не два, а косячил он из-за собственного пофигизма. Нашли такого на бирже фрилансеров. Что там у него за очередь из клиентов, остаётся загадкой.

Этап 4. Нормальная вёрстка

Финишная прямая, и опять пожар: ещё один человек бросил проект на полпути и ушёл в закат. Надо срочно искать нового верстальщика. Снова идём на биржу фриланса и, о чудо, находим хорошего специалиста — пусть будет Маэстро.

За пару дней Маэстро залатал все дыры за предыдущим подрядчиком и, более того, самостоятельно вёл таблицу задач. Мы просто ждали смены статусов на «Готово», принимали работы и переводили деньги. Для предыдущего верстака вели такую таблицу сами, но задач в ней было процентов десять. Остальное — его собственные косяки и наши правки.

Маэстро внёс оставшиеся доработки, перенёс статьи и выложил сайт — сакральной датой стало 18 декабря.

Но и тут не обошлось без казусов

Во-первых, за день до релиза мы дали подрядчику необходимые права доступа, но немного накосячили, и у нас лёг сайт. Ночью пришлось поднимать. Выглядело это примерно так:

Во-вторых, после релиза мы увидели, как сильно всё тормозит. За выходные подрядчик постарался привести сайт в порядок, но мы до сих пор продолжаем шлифовать страницы и работать над оптимизацией. На дворе 25 декабря.

Но всё это меркнет по сравнению с тем, что мы наконец-то выложили сайт, в который вложено столько сил, труда, денег и времени. Самое страшное позади — а это больше полугода.

Итого

Минусы

➖ Потрачено 999 999 999⁹ нервных клеток

➖ Мы заплатили много-много денег

➖ Полгода страданий и боли

Плюсы

➕ Новый сайт

➕ Лого и фавиконка ⚡️

➕ Гибкий фирменный стиль

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

Если всё же хотите повторить эксперимент с ребрендингом

Делимся нашими выводами

• Закладываем ×2 времени. Ещё в августе мы поняли, что жёстко пролетаем по срокам. Стартовали в мае — релиз был в декабре. Причём у нас небольшой сайт (главная и шесть продуктовых) на старом домене. Если страниц у вас больше, а опыта в этом деле нет, планируйте всё сильно заранее. У нас большой опыт: запускали и старый сайт, и личный кабинет. Но всё равно обожглись, потому что планировали впритык.

• Не надеемся на исполнителей. Ваш проект нужен только вам и больше никому. И только у вас есть — должно быть — цельное видение: где какой блок, какие у него края, скругления, рамки, анимации, какой внутри текст. Заранее сформулируйте это видение вплоть до каждого пикселя. Если такового нет, вдохновляйтесь: ищите референсы, трясите нейронки. Этим может заняться дизайнер или верстальщик, но времени уйдёт больше и не факт, что результат попадёт в ваши ожидания.

• Готовимся к активному участию в разработке: обновляемый файл с ТЗ с понятной навигацией, постоянный контроль, заранее согласованный формат работы. Чётко прописать все доступы и проговорить все документы, кабинеты, доски — куда смотреть. И отдельно — куда не смотреть (черновики, наработки, старые версии).

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

• Готовимся к тому, что это финансово затратная история. Потому что, как говорил классик…

Заключение

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

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

Остаёмся с вами на связи: hello@cybrain.io
И радуем материалами в TG: https://t.me/cyberbrainio

Всем удачи, добра и адекватных подрядчиков!