Padelmesh: айдентика для онлайн-агрегатора падел-кортов по всему миру

PadelMesh — это новый международный сервис-агрегатор для поиска падел-кортов и тренеров. Падел набирает популярность по всему миру, появляется большое количество клубов, но информация о них разрознена. Найти что-то подходящее в своём городе не всегда просто.

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

Проект PadelMesh находится на стыке двух сфер — онлайн-сервисов и спорта. Нам важно было найти баланс между ними и сделать так, чтобы айдентика легко ложилась на цифровые площадки — в первую очередь сайт.

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

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

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

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

Способ поддержать схожесть нашли, а как отстроиться?

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

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

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

Оттенок оранжевого тоже отсылает к цвету покрытия кортов. Оказалось, что корты в основном бывают именно трёх цветов: зелеными, синими и оранжевыми. Мы просто отказались от самого распространённого в спортивных брендах зелёного цвета.

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

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

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

Концепцию и основные принципы айдентики команда заказчика согласовала почти сразу. Мы приступили к её переносу на мокапы и сайт. Всё выглядело эстетично и стильно, но совместно с командой UX/UI-дизайна, которая параллельно работала над сайтом, мы поняли, что крупную типографику, прямые линии, углы, общую геометричность стиля неудобно использовать на сайте. 

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

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


Команда UX/UI-дизайна предложила нам отойти от такой строгости и «журнальности» и использовать более простые, но подходящие для онлайн-сервиса визуальные решения: скругления в блоках, элементы бенто, простой и лаконичный шрифт со стандартной вёрсткой. Мы боялись потерять уникальность, но в итоге именно такая простота и функциональность в сочетании с яркими цветами и необычным фотостилем позволили удержать нужный баланс между онлайн-продуктом и спортом. 

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

Нам было важно протестировать концепцию в действии. Поэтому финальный стиль проекта сформировался уже на этапе дизайна сайта, при совместной работе команд айдентики и UX/UI-дизайна.

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

В этом направлении использовать фотостиль и сложную графику — неуместно, поэтому на первом плане — цвет и динамичные шрифтовые композиции.

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

Стиль одинаково хорошо смотрится в маркетинговых материалах, на сайте и на физических носителях. 

Слаженная работа команды айдентики и UX/UI-дизайна помогла создать удобный и эстетичный продукт, который сможет чётко функционировать и развиваться за счёт удобной системы элементов. Сайт дорабатываем и ждём полного релиза проекта. 

Благодаря сильной продуктовой экспертизе клиента и внутренней аналитике команды Padelmesh мы легко прошли через все этапы дизайна.