+7 (926) 215 71 47
Связаться с нами Menu
Связаться с нами

Брендинг спортивного электронного сервиса DVIZH.LIFE

«DVIZH.LIFE» — сервис для навигации по городским спортивным событиям, поиска команды и организации спортивных игр и соревнований.

Задача, которая была поставлена перед нами – сделать новый портал «DVIZH.LIFE» удобным инструментом для поиска и создания событий для одиннадцати командных видов спорта: велосипед, бег, футбол, баскетбол, волейбол, скейтборд, йога, ролеры, хоккей, бокс,  тренировки.  В новом портале карта должна быть основным инструментом для поиска нескольких типов событий: играм, соревнованиям, статусам игроков.

Так вкратце начался этот проект…

Метки: 2016, digital, web-дизайн, брендинг, брендинг. айдентика, веб-дизайн, дизайн-концепция, иллюстрация, копирайт, креатив и брендинг, Логотип

Первый этап проекта – разработка технического задания, информационной и навигационной системы сервиса. Работа началась с анализа барьеров и драйверов пользователей и определения степени их значимости:

  • Барьеры:
    • нет знакомых с общими увлечениями в месте своего проживания;
    • мало времени;
    • возраст;
    • уровень владения спортом;
    • нет инструмента координирования команды;
    • сложно найти удобное место для игры и драйверам.
  • Драйверы:
    • хочу найти друзей и создать команду,
    • хочу регулярно заниматься командными видами спорта,
    • хочу найти людей для совместного занятия спортом,
    • хочу участвовать в соревнованиях,
    • доступность и удобство прохождения основных сценариев и их соответствие архитектуре системы.

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

В завершении этапа был создан прототип будущего сервиса. Он состоял из 75 страниц и   демонстрировал информационную архитектуру, элементы управления, изменение элементов управления, в зависимости от роли пользователя всех разделов:

1) «Карта игры»;

2) «карточка хочу играть»;

3) раздел «Соревнования»;

4) карточка соревнования;

5) страница «команды»;

6) карточка команды;

7) карточка создания команды;

8) раздел «площадки»;

9) карточка площадки;

10) карточка создания площадки;  

11) «профиль игрока»;

12) «профиль пользователя»;

13) «личный кабинет»;

14) «главная страница» или «лента» до авторизации;

15) «главная страница» или «лента»  после авторизации;

16) «карта»;

17) карточка игрока.

Этот этап является основополагающим для дальнейшей технической и креативной разработки проекта.

*Техническое задание высылается по запросу.

Возвращаясь к креативу….

Большая идея нового сервиса это – ««DVIZH.LIFE» — система навигации по городским спортивным событиям»,  коммуникационная идея – слоган «Начни движение, выбери свой спорт на «DVIZH.LIFE»», а графическая идея – городская среда и система ее обозначений.  

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

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

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

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

Было выделено 6 групп и каждой из них присвоен(ы):

  • желтый цвет «событиям, созданным другими игроками, в которых пользователь не принимает участие»;
  • зеленый цвет «события или статусы, которые администрирует пользователь»;
  • синий цвет «событиям, созданным другими игроками, в котором пользователь принимает участие»;
  • серый цвет всем типам временно не активным событий;
  • желтая обводка всем типам событий в состоянии наведения курсора;
  • три типа маркеров уведомлений для всех типов событий — а) появление нового игрока в событии, б) изменение статуса события и в) новое письмо или сообщение в чате события.

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

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

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

We create visual system for determining the different types of sport events and navigate through site’s data. The first step was to divide user’s statuses from workouts and competitions, assigned rhombus form of marker to first group and the square icon to the second group. The second task was to split two main groups on subgroups to show user role.

There are six markers groups were assigned by different colour and form:

  • yellow colour for «events were created by another players and user haven’t took a part yet»;
  • green colour for «events and statuses, which was administered by user»;
  • blue colour for «events, created by another players and user has already took a part»;
  • grey color for all types disabled events for any reason;
  • the yellow underline for all type of events with cursor pointing;
  • three types of additional markers – а) adding a new user in event, б) changing event status в) new mail or chat message.

This is a unique website which will require a more modern browser to work!

Please upgrade today!