+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 странице, первое знакомстве с системой после регистрации, в регистрационной форме, а технический копирайт был написан для  автоматических уведомлений в системе.

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

Please upgrade today!