«Наконец-то все сложилось». Как мы создали человечный бренд для сложной платформы Flomni

Внутри – мощная коммуникационная платформа, снаружи – ощущение сервиса из начала 2000-х. Масштаб и инновационность не считывались. Функций становилось все больше, а цельного образа бренда не было. Без полной визуальной пересборки было не обойтись, поэтому мы и подключились. 

Мы полностью обновили бренд Flomni:

• Отрисовали новый логотип

• Зафиксировали фирменные цвета и шрифты

• Придумали маскота и слоган

• Масштабировали брендинг платформы на физические носители

Привет, это ZHIRNOV Studio, студия продуктовой разработки

Наша сильная сторона – сложные продукты и большие данные. Финансы, сервисы, платформы, AI-решения – там, где много логики, расчетов и сценариев. Умеем делать интерфейсы понятными, а еще снижаем порог входа для пользователей.

Среди клиентов – Тинькофф, Райффайзен, Ростелеком, Flomni и стартапы. Начинаем с MVP, помогаем продукту встать на ноги и расти дальше.

Сегодня расскажем о Flomni и о том, как помогли им обновиться.

Flomni – омниканальная коммуникационная платформа для бизнеса

Это большой чат-бот сервис. В нем есть виджеты для сайта, диалоговая платформа, боты, рассылки, AI и все, что связано с общением с клиентами в разных каналах.

Сильный продукт, слабое первое впечатление

Внутри – мощная коммуникационная платформа, снаружи – ощущение сервиса из начала 2000-х. Масштаб и инновационность не считывались.

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

Старт работ. Изучили рынок и целевую аудиторию, чтобы найти голос бренда

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

Эти выводы мы наложили на особенности целевой аудитории Flomni. Это люди, которые отвечают за клиентский сервис и автоматизацию. У них высокая ответственность и страх ошибок – если что-то ломается, виноват человек, а не бот.

Так мы поняли, что Flomni не должен выглядеть всезнающим и холодным. Ему не нужен образ «супер-AI». Напротив, он должен быть человечным – поддерживать, объяснять и брать заботы на себя.

У нас сформировался образ «мудрого друга» – того, кто говорит простым языком и не давит экспертностью. Он и стал основой визуальных коммуникаций.

Мудборд: нашли настроение бренда

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

Мы развивали мудборд через анимацию и знакомые визуальные коды, добавив мягкий AI-вайб и дримкор – но без холодного футуризма и киберпанковской агрессии. И вот что у нас получилось.

Кстати, заметили, что идея маскота уже была на этапе мудборда? Чуть позже расскажем, во что это вылилось.

Зафиксировали, чего в визуале Flomni быть не должно

Во-первых, мы избегаем образов хаоса и фрагментации. Продукт про порядок и системность, поэтому никакого визуального шума и разрозненных элементов. 

Во-вторых, никакой агрессивной технологичности. Неокиберпанк, крипто-эстетика, женщины-андроиды с пушками, мрачный AI-пафос – вообще не про Flomni. 

В-третьих, мы уходим от корпоративной безликости: стоковые люди в офисах, рукопожатия у канбан-досок, «команда обсуждает стратегию». 

Наконец, устаревшие метафоры автоматизации тоже под запретом: гуманоидные роботы, шестеренки, промышленные схемы, космические станции. 

Логотип Flomni становится адаптивным и масштабируемым

Первый шаг – отказаться от диагонали. Старый логотип был наклонен: его сложно выравнивать и почти невозможно масштабировать под саб-бренды и продукты. Из-за длинных названий он терял пропорции. В новой версии мы выровняли его по горизонтали.

Дальше искали форму. Пробовали кириллицу и латиницу, пиксели, абстракции, «секретные знаки» – хотелось простое и умное решение, без «картинок в лоб».

Нашей находкой стала буква «О». В нее мы встроили петельку – получилось диалоговое облачко. Так и отобразили саму суть продукта – диалог, обмен сообщениями.

Причем буква «О» может растягиваться почти бесконечно – в брендбуке это закрепили как прием, символ непрерывной коммуникации. 

Визуальная среда бренда

Визуальный язык Flomni мы построили вокруг мягкого неофутуризма и без агрессивного хай-тека. Технологичность передали через полупрозрачные 3D-формы, светящиеся слои.

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

Отдельно – паттерны. На скринах – повторяющиеся иконки, линии, элементы диалогов. Это отсылка к мессенджерам и чатам – тому, с чем Flomni работает каждый день.

Иконографика для непростого интерфейса

Пошли по практичному пути: взяли библиотеку с открытой лицензией и доработали ее под продукт – часть иконок оставили, часть дорисовали вручную.

Важный момент – адаптивность. Выбирали пак с гибкой настройкой толщины линий и масштаба, чтобы иконки оставались четкими и в сайдбаре, и в настройках, и в таблицах.

Про основные и дополнительные цвета

Базу бренда держит синяя палитра, а дополнительные цвета отвечают за саб-бренды.

В основе – градиенты с блюром: двух- и трехцветные, мягкие и объемные, они хорошо читаются на светлом фоне. Чтобы ими было удобно пользоваться, мы собрали конструктор фонов с легко заменяемыми цветами и сочетаниями.

Определились с шрифтовой системой

В основе типографики – Inter: нейтральный, «вневременной» гротеск, близкий к Helvetica. Он хорошо работает в сервисах и долго не устаревает – это было принципиально.

Для логотипа и акцентов взяли кастом на базе Nokia Expanded: более широкий и плотный, с вручную доработанными формами и кернингом под Inter.

Придумали, что будут носить сотрудники

Все та же буква «О» хорошо работает на одежде: смотрится графично, легко масштабируется. Она может всячески адаптироваться под форму, огибать изделие.

Мы попробовали разные варианты размещения – крупный знак почти по всей ширине свитшота, аккуратные акценты на рукаве. В итоге остановились на классическом логотипе по центру, на груди.

Визуализировали «Мудрого друга»

Мы перебрали много направлений – от абстракций до мультяшных персонажей. Изучали анимацию и NFT, но отсекали все слишком холодное, пластиковое и бездушное. Были и заходы через геометрию как метафору системности, но там терялась человечность.

Переломным моментом стало облачко как форма головы. Его «хвостик» рифмовался с логотипом – мы начали развивать прием: хвостик стал челкой, появилась мордочка и мимика.

Финальный образ – антропоморфный герой в синем свитшоте, джинсах и кедах, с живыми эмоциями и позами. 

Со временем он будет анимироваться и адаптироваться под сценарии. Уже сейчас он может менять состояние:

1. при записи голоса его мордочка превращается в аудиоволну;

2. при наборе текста – в «таппинг».

Подобрали нужные слова

К ним мы пришли уже после ребрендинга, когда ощутили, что  у бренда появилось эмоциональное ядро, которое важно зафиксировать словами.

В основе слогана – состояние. То ощущение, когда все процессы налажены, интеграции настроены, и система начинает работать как часы. В этот момент и Flomni, и их клиенты выдыхают:

Наконец-то все сложилось.

Выступили на ивенте и презентовали ребрендинг

Новый брендбук, маскот и мерч готовились к первой собственной конференции Flomni – и обновленный бренд сразу вышел в офлайн. Наш основатель, Александр, выступал вместе с директором Flomni и презентовал нововведения. 

Уже сейчас Flomni может беспроблемно масштабироваться – усиливать AI- и другие направления, создавать новые саб-продукты и выходить на новые рынки, не пересобирая бренд каждый раз. 

Продукт изначально устроен так, чтобы выдерживать нагрузку, расширяться и подстраиваться под новые задачи. В итоге развитие не упирается в ограничения интерфейса или логики – наоборот, сама система начинает этому росту помогать.

Мы не прощаемся – продолжить знакомство с нами можно в Dprofile (https://dprofile.ru/zhirnov), на нашем сайте (https://zhirnov.studio) или в телеграм-канале (https://t.me/zhirnovstudio). Уже скоро увидимся с вами в новом материале!