Главное Авторские колонки Вакансии Образование
884 1 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

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

b_591e6b0c4f164.jpg

Клиент

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

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

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

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

b_591e67e81a49a.jpg

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

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

b_591e67f60a733.jpg

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

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

b_591e6804e75a2.jpg

b_591e68144fe62.jpg

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

b_591e68298ccac.jpg

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

b_591e6837cd4f2.jpg

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

b_591e68e95f383.jpg

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

b_591e691c20e69.jpg

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

b_591e6932b5f1e.jpg

b_591e693c7f5b0.jpg

b_591e694932e78.jpg

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

b_591e695540cb3.jpg

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

b_591e69718c46f.jpg

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

Логотип

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

b_591e6984b34c5.jpg

b_591e69a3bc8dd.jpg

Носители

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

b_591e69b566114.jpg

b_591e69bec0812.jpg

b_591e69cbbd196.jpg

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

b_591e69f3ef921.jpg

b_591e6a0071357.jpg

b_591e6a09e6770.jpg

b_591e6a1716e94.jpg

b_591e6a1fa44f4.jpg

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

b_591e6a2d6a86f.jpg

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

b_591e6a4243b57.jpg

b_591e6a6cd21fd.jpg

b_591e6a7815652.jpg

b_591e6a8229a25.jpg

Кейс впервые опубликован на vc.ru.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Юлия Бердникова
Безумно понравился кейс!
Спасибо Вам огромное)
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.