Ребрендинг Mad Brains: как переизобрести себя и не сломать мозг

Главное о кейсе

Зачем нам ребрендинг?

Мы были одними из первых, кто поверил в Flutter и предложил российским клиентам кроссплатформенную разработку мобильных приложений. В 2018 году это был прорыв, но мы пошли дальше. Сегодня мы сотрудничаем с заказчиками уровня Enterprise, для которых создаем web-сервисы и сложные корпоративные системы, проводим продуктовые исследования, предоставляем услуги аутстаффинга IT-специалистов. Наша компания больше не региональный стартап — мы существенно выросли, и стало важно отразить эти изменения в бренде.
Еще одной причиной для ребрендинга стала потеря визуальной целостности в оформлении корпоративных продуктов. Наш сайт и соцсети активно развиваются, мы участвуем в отраслевых конкурсах, онлайн- и офлайн-мероприятиях, но стали выглядеть везде по-разному, потому что гайдлайн не учитывал новых вариантов использования фирменного стиля.
Изменился и подход к разработке. Мы внедрили продуктовый подход: теперь наша команда стремится не только создать приложение, но и закрыть бизнес-задачи клиента.
Буквально за месяц мы разработали новый фирменный стиль Mad Brains, собрали дизайн в систему, задали правила в брендбуке. Спасибо за это коллегам из ENDY, которых теперь смело можем назвать друзьями.

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

Что по результатам редизайна сайта?

— Количество переходов из поисковых систем увеличилось на 19,9%
— Число отказов снизились на 1,4% по сравнению с аналогичным периодом ранее
— Средняя глубина просмотров увеличилась на 30 секунд
— Среднее время на сайте увеличилось на 1,5 минуты

Как проект изменил жизнь пользователей

Теперь у сайта чистый аккуратный дизайн. На светлом фоне яркие акценты, черный цвет ушел в «подвал». Позиционирование, слоган, услуги и отраслевую специализацию мы упаковали красиво и лаконично. Благодаря анимации главная страница стала живой.

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

Переходы на сайт из поисковых систем выросли почти на 20%. Улучшились и другие метрики — глубина просмотра, время на сайте.

Бизнес-задача и ее решение

Перед нами стояла задача — за 3 месяца внедрить новый брендинг на сайт, обновить ключевые страницы, не обрушить, а улучшить показатели сайта. Считаем, что справились с поставленной задачей: главные конверсионные страницы обновили к началу бизнес-сезона, редизайн и верстка остальных страниц заняли еще 3 месяца.

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

Крафт (мастерство), реализация, технические детали

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

Для олицетворения левого полушария выбрана спокойная графика и холодный фиолетовый цвет. Для правого — хаотичные волны брейншторма и яркий оранжевый.

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

Для усиления эффекта сайт имеет дуальную структуру и экраны делятся пополам цветом или графикой.

Скриншоты

Видео