admin ,

CyberBrain 2.0: как мы пришли к новому стилю и подробности ребрендинга

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

Основные идеи ребрендинга

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

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

Ключевые принципы нового визуального стиля

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

Impact отражает брутальное техническое ядро платформы — инфраструктуру, алгоритмы, сложную внутреннюю логику.
Georgia Pro, напротив, отвечает за лёгкость и читаемость — за тот продуктовый слой, с которым пользователь взаимодействует напрямую.

Дополнительно согласовали несколько вспомогательных шрифтов, чтобы сохранить разнообразие и гибкость в разных форматах контента.

Согласование логотипа

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

К финальному варианту логотипа пришли не сразу. Для нас было важно, чтобы он устраивал всю команду — в первую очередь аналитиков, которые каждый день видят его в личном кабинете. На созвонах разбирали все варианты по буквам: не нравилась форма «Y», смущала наклонная «a», не сходилось ощущение баланса.

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

Поиск метафоры платформы

Когда у вас технически сложный продукт, возникает вопрос: как донести его ценность без сухого пересказа характеристик? Мы искали образ, который объяснил бы суть платформы наглядно, без перегруженных схем и полотен текста.

Так появилась идея для главной страницы: оформить каждый продукт как модуль космического шаттла, а саму платформу показать как единую систему, собранную из этих модулей. Дизайнер сделал наработку с 3D-моделью космического корабля, но вскоре наше сотрудничество прекратилось — идея ушла в долгий ящик. На тот момент мы просто не успевали по срокам, чтобы воплотить эту задумку.

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

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

кольца Data Pipeline — подключение к платформе множества источников
ячейки с числами Shapley Attribution — определение ценности рекламных каналов (кто-то слабее, кто-то полезнее)
восходящий график Dashboard — наглядные результаты применения платформы в дашборде
динамичные орбиты Optimizer — ежедневно обновляемые расчёты оптимизатора
интерфейс AI Assistant — возможность напрямую общаться с маркетинговыми данными
расходящиеся круги Signals — уведомления о важных изменениях в кампаниях

Планетарная метафора дополнительно усилилась через образ рассвета на главной странице — как символ нового начала и перехода в другую фазу развития продукта.

Нейросети и финальная сборка визуалов

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

Работать в Krea оказалось непросто. Сервис хорошо справляется с фотореализмом, но плохо интерпретирует промпты и ведёт себя непредсказуемо. Финальные изображения получили спустя множество часов генерации, ручные доработки в Figma и увеличение разрешения в другом ИИ.

Заключение

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

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

Подписывайтесь на наш Telegram-канал — там вы узнаете больше про аналитику, AI в маркетинге и новые стандарты качества в digital. Будем на связи!