Кейс · Neuro-Flow · 2024

Айдентика и веб для AI-стартапа на стадии Series A

Neuro-Flow — платформа предиктивной аналитики для логистических компаний. За 11 недель мы собрали визуальную систему и интерфейс, которые помогли команде закрыть раунд и запустить продукт на трёх рынках.

Финальная айдентика Neuro-Flow: логотип, палитра и типографическая сетка на тёмном фоне
11 недельот брифа до запущенного продукта
Айдентика Дизайн-система Веб-интерфейс UI-кит Типографика Гайдбук Айдентика Дизайн-система Веб-интерфейс UI-кит Типографика Гайдбук

Исходная проблема

Команда выросла, а язык — нет

Когда мы получили бриф, у Neuro-Flow уже был работающий продукт и 40 сотрудников, но не было единой визуальной системы. Слайды для инвесторов, лендинг и интерфейс продукта выглядели как три разных компании.

Основатель Алексей Мельник сформулировал задачу чётко: «Нам нужно, чтобы нас узнавали на конференции и в почтовом ящике инвестора. И чтобы продукт выглядел не как демо, а как то, во что стоит вложить $12 млн». При этом у команды не было бюджета на агентство полного цикла — только на дизайн.

Мы отказались от классического «рестайлинга» и начали с исследования: собрали 60+ референсов из смежных областей — от авиационных дашбордов до научных журналов — и провели три воркшопа с ключевыми стейкхолдерами.

Процесс

Три воркшопа, одна система

Неделя 1

Исследование и аудит

Разобрали текущие материалы, проанализировали 12 конкурентов и составили карту визуальных смыслов, которые продукт должен транслировать: точность, скорость, доверие.

Неделя 3

Стратегический воркшоп

Два дня с основателями и CTO. Сформулировали позиционирование, зафиксировали три ключевых сообщения и собрали библиотеку из 60 референсов по направлениям.

Неделя 6

Дизайн-спринт

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

Мольберты с эскизами логотипа и палитры на рабочем столе во время дизайн-спринта

Решение

Логотип, палитра и шрифтовая система

Логотип построен на геометрическом модуле 8×8 — той же сетке, что и интерфейс. Это не случайность: знак и продукт должны ощущаться как одна система.

Палитра — четыре цвета: глубокий индиго #1A1F3A для основного, электрик #4F7CFF для акцентов, тёплый серый #B8BCC4 для вторичного текста и чистый белый. Никаких градиентов в интерфейсе — только плоские поверхности.

Типографика: Space Grotesk для заголовков и Inter для текста. Два семейства, семь начертаний, строгая иерархия от 12 до 96 пикселей. Гайдбук — 48 страниц, доступный команде в Figma.

Веб-интерфейс

UI-кит из 142 компонентов

01

Дашборд аналитики

Главный экран продукта: 12 виджетов, 4 уровня детализации и режим «ночь» для операторов, работающих посменно. Каждый виджет собран из базовых атомов кита.

DashboardChartsData-table
02

Лендинг и посадочные

Маркетинговый сайт на 9 страниц и 6 посадочных под разные сегменты клиентов. Единая сетка 12 колонок, модульная типографика, анимации на GSAP.

LandingMarketing
03

Дизайн-токены

Все цвета, размеры, отступы и радиусы вынесены в токены. Фронтенд-команда подключила их через CSS-переменные — изменения в Figma автоматически отражаются в коде.

TokensFigmaCSS

Метрики

Что изменилось за 3 месяца после запуска

4.2×рост конверсии лендинга в демо-заявку
68% узнаваемости бренда среди целевой аудитории
$12млн закрыт в раунде Series A через 6 недель
3новых рынка: Польша, Германия, Нидерланды

BOTKIT сделали то, что мы не смогли за два года: собрали продукт, бренд и команду в одну систему. Инвесторы увидели это в первую минуту встречи.

Алексей Мельник · основатель и CEO Neuro-Flow

Следующий проект

Ваш продукт заслуживает системы, а не рестайлинга

Рассказать о задаче hello@botkit.studio

Отвечаем в течение одного рабочего дня. Берём не больше трёх проектов одновременно.