FITMOST — сервис, благодаря которому можно посещать разные тренировки, массажи, спа и бьюти-процедуры по одному абонементу. Рассказываю, как мы сделали редизайн его логотипа и разработали новый фирменный стиль.
Пару слов про FITMOST
FITMOST — это уникальный сервис в России, к которому подключены 1700 мест: студии йоги, сайклинга, бассейны, тренажерные залы, салоны массажа, SPA и beauty-услуг.
В мобильном приложении или на сайте FITMOST вы покупаете баллы, после чего можете потратить их на самые разные услуги, например, сегодня пойти на йогу и массаж, а завтра — на бокс и в бассейн. Уже 1 миллион бронирований сделали через приложение FITMOST.
Абонемент работает в 17 городах России, а еще начинает свою экспансию и в ОАЭ.
Кстати, миссия сервиса звучит довольно просто: сделать спорт и заботу о себе регулярной, потому что в одном приложении можно найти и записать на любое занятие – от спорта до восстановления.
![](https://habrastorage.org/getpro/habr/upload_files/284/64e/c1f/28464ec1fd21e94e99a2c6b696558527.jpg)
Главная цель редизайна
На встрече с нами команда FITMOST сформулировала задачу так: сервису нужны новые логотип и фирменный стиль, которые будут выгодно смотреться на любых носителях, и при этом выделять на фоне других сервисов.
В существующем лого была одна большая проблема — тонкое начертание букв, из-за чего его было плохо видно — особенно на печатных макетах.
С фирменным стилем были похожие сложности: фирменные цвета подходили для использования в digital-формате, но, как и лого, плохо воспринимались на офлайн-носителях.
![](https://habrastorage.org/getpro/habr/upload_files/f3d/768/307/f3d768307e9ae3aa9175415b3cdfcef8.jpg)
![Пример существующей рекламы FITMOST
Пример существующей рекламы FITMOST](https://habrastorage.org/getpro/habr/upload_files/046/697/16c/04669716c25ee98fa0cb0aa59784035a.jpg)
![Пример лендинга, на котором логотип FITMOST теряется среди других
Пример лендинга, на котором логотип FITMOST теряется среди других](https://habrastorage.org/getpro/habr/upload_files/05f/969/a7d/05f969a7d198972a490fcf67d2f5a0dc.jpg)
Логотип
Перед тем, как приступить к разработке дизайна, мы выписали из приложения занятия, на которые могут сходить клиенты сервиса, и составили с ними карту ассоциаций.
Карта ассоциаций — удобный инструмент для поиска нужного образа, который будет отражать через айдентику идею бизнеса клиента.
![](https://habrastorage.org/getpro/habr/upload_files/9f0/659/9b1/9f06599b12bc676ad9cd1898ad17763e.jpg)
После нескольких мозговых штурмов мы остановились на образе гимнастической ленты. Она гибкая и легкая в использовании — как сам сервис, в котором можно выбрать подходящие именно вам занятия спортом.
![](https://habrastorage.org/getpro/habr/upload_files/f5c/253/2c7/f5c2532c7ce8b8ff338ac4ae683df0e3.jpg)
После того, как мы согласовали концепцию, настала очередь разработки логотипа.
FITMOST на выбор были предложены несколько вариантов логотипа в разных палитрах и с разной степенью очевидности образа ленты.
![](https://habrastorage.org/getpro/habr/upload_files/c2f/665/884/c2f665884bbea212f23798a1066e7438.jpg)
Основательница сервиса — Александра Герасимова — даже устроила голосование в своих соцсетях за лучший вариант. В итоге и подписчики, и команда сервиса остановилась на той версии логотипа, в которой знак состоит из двух линий, формирующих букву F.
Шрифтовая часть логотипа создана с помощью шрифта BC Novatica — он округлый и легко читаемый, что позволит логотипу не потеряться среди других лого.
![](https://habrastorage.org/getpro/habr/upload_files/b08/9f4/767/b089f476746795526efab5e1be705e8e.gif)
Фирменная палитра
Раньше фирменными цветами FITMOST были неяркие оттенки серого, бежевого и нежно розового. Работать с такой палитрой было непросто, особенно когда дело касалось рекламы: баннеры, лендинги, креативы для таргета получились блёклыми.
В новой палитре дизайнерам было важно сохранить преемственность, поэтому существующие оттенки были сохранены, но сделаны ярче.
![](https://habrastorage.org/getpro/habr/upload_files/089/ced/433/089ced43345418a233aebca7f225dfb7.jpg)
К посвежевшим старым цветам добавился бирюзовый — он контрастный и, что важно для позиционирования сервиса в будущем, нейтральный: приложение в бирюзовых цветах позволит бороться со стереотипом, что FITMOST предназначен исключительно для женской аудитории.
![](https://habrastorage.org/getpro/habr/upload_files/646/3fd/a86/6463fda863ec3aaf009c37a36cb5944d.gif)
Упорядочивая гайдбук, мы разделили все цвета на основные и дополнительные. Основные прежде всего предназначены для использования в рекламе и подарочных сертификатах, а вспомогательные — для разнообразия дизайна на сайте и в социальных сетях.
![](https://habrastorage.org/getpro/habr/upload_files/bc1/17b/019/bc117b01928769157d96e25e500a2c37.jpg)
Закреплённая система разделения цветов сделает удобной работу с новой айдентикой для штатных дизайнеров FITMOST.
Swoosh FITMOST: стилеобразующий элемент
Стилеобразующим элементом стала та самая гимнастическая лента.
![](https://habrastorage.org/getpro/habr/upload_files/46a/aa8/5d2/46aaa85d2184eaaa8f5eca72a4f958f9.jpg)
Вот так, например, можно её использовать, работая с фото-контентом.
![](https://habrastorage.org/getpro/habr/upload_files/6cc/425/141/6cc425141f927ca91ded54aaa0a98751.jpg)
Кроме того, на основе ленты строятся разнообразные паттерны, которые станут хорошим фоном для плакатов, афиш или постов в соцсетях.
![](https://habrastorage.org/getpro/habr/upload_files/724/b41/730/724b4173058e17659932760d8d0c3577.jpg)
Дизайн в жизни
Из всех носителей чаще всего клиент FITMOST сталкивается с мобильным приложением: именно там он бронирует занятия и формирует свой календарь активностей.
В качестве иконки дизайнеры предложили использовать знаковую часть логотипа: знак в виде буквы F не перегружает композицию, а пользователь при этом сможет быстро найти приложение на экране телефона.
![](https://habrastorage.org/getpro/habr/upload_files/234/14f/59d/23414f59df8639896d4a5e5bc73e62fd.jpg)
Бонусом к основному проекту вы задизайнили подарочные сертификаты сервиса: текст на них набран двумя другими фирменными шрифтами FITMOST — Manrope и RF Tone.
![](https://habrastorage.org/getpro/habr/upload_files/40d/b84/d54/40db84d54e68751a8927b9f1c6fffc48.jpg)
***
Новый логотип и фирменный стиль поможет FITMOST показать клиентам, что сервис — это их друг в мире заботы о себе. С ним можно быть настоящим: выбрать занятие, которое точно будет по душе. Вы уже можете наблюдать новый дизайн в соцсетях сервиса, а к концу лета ребята планируют обновить сайт и приложение.
![](https://habrastorage.org/getpro/habr/upload_files/6b7/bf1/686/6b7bf1686761a623625d1a723695f315.jpg)
Роман Горбачёв
Основатель дизайн-студии Логомашина