Кейс из России: Фирменный стиль для разработчика мобильных приложений Grotem

Агентство Nimax разработало фирменный стиль на основе образа металлического конструктора.

c09443bac2c51d.jpg

Клиент

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

Пример одного из таких решений — Grotem / Express. Мобильная касса для курьеров и экспедиторов, позволяющая принимать оплату доставки и печатать чек на месте в соответствии с требованиями 54-ФЗ.

Концепция позиционирования

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

a8771dd503c107.jpg

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

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

28cc6ea8f7223b.png

Концепция визуальной идентификации

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

e3bcdd54560bcc.png
2d98c1ac1f94ec.jpg

Шорт-лист из идей проверяли по 16 критериям, к основным отнесли позиционирование, характер бренда, понятность и гибкость. Смотрели на соответствие, сравнивая варианты в таблице.

b193b85cd85771.jpg

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

81bf897419a414.png

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

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

d6833450496df8.jpg

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

5de04b4ce6f145.jpg
edf9367cb73840.jpg
db24deb665f1cc.jpg

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

638ade9f4792ce.png

Для фирменного шрифта подобрали гарнитуру Decima Round, напоминающую по пластике детали конструктора: шрифт словно сам из них состоит. Округлые формы букв помогли создать дружелюбный образ. Для основного текста использовали начертание Regular, для акцентов и заголовков — Bold.

0aa26a9aac6aec.jpg

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

Логотип

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

7f7ecda41d3723.png

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

ce4f600ebd94f7.jpg

Носители

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

7b072208669e18.png
6e5b7c4414996b.jpg
f67da0256bb34d.jpg

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

3e50882f1352d2.png
b57c10fe6e2e52.png
b897634d03dc6b.jpg
59824438c77627.png
60bd37e8902fed.png

Для неравнодушной команды Grotem мы придумали дизайн футболок.

b758ea596c6e53.png

А вот так выглядит офис Grotem с элементами нового фирменного стиля.

95731e508dbc2c.jpg
ceb5cbc8851d0a.jpg
7f6ec8e4c9a991.jpg
731171672efd85.jpg

©  vc.ru