«DVIZH.LIFE» — сервис для навигации по городским спортивным событиям, поиска команды и организации спортивных игр и соревнований.
Задача, которая была поставлена перед нами – сделать новый портал «DVIZH.LIFE» удобным инструментом для поиска и создания событий для одиннадцати командных видов спорта: велосипед, бег, футбол, баскетбол, волейбол, скейтборд, йога, ролеры, хоккей, бокс, тренировки. В новом портале карта должна быть основным инструментом для поиска нескольких типов событий: играм, соревнованиям, статусам игроков.
Так вкратце начался этот проект…
Метки: 2016, айдентика, брендинг, веб-дизайн, дизайн-концепция, иллюстрация, копирайт, креатив и брендинг, Логотип, Старт-ап
Первый этап проекта – разработка технического задания, информационной и навигационной системы сервиса. Работа началась с анализа барьеров и драйверов пользователей и определения степени их значимости:
- Барьеры:
- нет знакомых с общими увлечениями в месте своего проживания;
- мало времени;
- возраст;
- уровень владения спортом;
- нет инструмента координирования команды;
- сложно найти удобное место для игры и драйверам.
- Драйверы:
- хочу найти друзей и создать команду,
- хочу регулярно заниматься командными видами спорта,
- хочу найти людей для совместного занятия спортом,
- хочу участвовать в соревнованиях,
- доступность и удобство прохождения основных сценариев и их соответствие архитектуре системы.
На основе полученных данных были предложены решения как можно улучшить пользовательский опыт на портале, составлен список целевых действий и написаны сценарии достижения целей в системе для разных типов пользователей, а также проанализировано какие элементы управления в системе сделать более значимыми по отношению к остальным.
В завершении этапа был создан прототип будущего сервиса. Он состоял из 75 страниц и демонстрировал информационную архитектуру, элементы управления, изменение элементов управления, в зависимости от роли пользователя всех разделов:
1) «Карта игры»;
2) «карточка хочу играть»;
3) раздел «Соревнования»;
4) карточка соревнования;
5) страница «команды»;
6) карточка команды;
7) карточка создания команды;
8) раздел «площадки»;
9) карточка площадки;
10) карточка создания площадки;
11) «профиль игрока»;
12) «профиль пользователя»;
13) «личный кабинет»;
14) «главная страница» или «лента» до авторизации;
15) «главная страница» или «лента» после авторизации;
16) «карта»;
17) карточка игрока.
Этот этап является основополагающим для дальнейшей технической и креативной разработки проекта.
*Техническое задание высылается по запросу.
Возвращаясь к креативу….
Большая идея нового сервиса это – ««DVIZH.LIFE» — система навигации по городским спортивным событиям», коммуникационная идея – слоган «Начни движение, выбери свой спорт на «DVIZH.LIFE»», а графическая идея – городская среда и система ее обозначений.
В создании визуального языка использовалась система обозначений знаков дорожного движения, информационных дорожных пиктограмм, трафаретной разметки и свойственная им графическая стилистика. Она определила в фирменном стиле выбор шрифта, плоский трафаретный художественный язык, цветовое решение, построенное на контрастных сочетаниях с целью сделать удобным в использовании большой массив данных и иконок, также как дорожные знаки должны быть легко читаемыми и заметными в насыщенной информацией городской среде.
Приступая к работе над созданием набора иконок для графической навигации портала, в первую очередь, было необходимо применить иконки одиннадцати видов спорта к трем типам спортивных событий: играм, соревнованиям и статусам пользователей в системе – «хочу играть», «ищу команду», которые зарегистрированные пользователи на сайте оставляют на карте.
Для того, чтобы различать разные типы событий на карте и легко ориентироваться по массиву данных – статусы пользователей были изображены в ромбовидной иконке, а игры и соревнования в квадратной.
Во вторую очередь, необходимо было разделить два типа событий на группы, для того чтобы пользователь мог понимать свою роль по отношению к событию на карте.
Было выделено 6 групп и каждой из них присвоен(ы):
- желтый цвет «событиям, созданным другими игроками, в которых пользователь не принимает участие»;
- зеленый цвет «события или статусы, которые администрирует пользователь»;
- синий цвет «событиям, созданным другими игроками, в котором пользователь принимает участие»;
- серый цвет всем типам временно не активным событий;
- желтая обводка всем типам событий в состоянии наведения курсора;
- три типа маркеров уведомлений для всех типов событий — а) появление нового игрока в событии, б) изменение статуса события и в) новое письмо или сообщение в чате события.
Предложенное разделение событий с помощью цвета также использовалось в дизайне внутренних страниц. Таким образом, одна карточка события меняет цвет в зависимости от роли пользователя: «участник», «администратор», «получил приглашение».
Следующим этапом в создании брендинга был дизайн внутренних страниц и в завершении работы – дизайн и копирайт посадочной страницы, которая должна была объяснить неавторизированным пользователям возможности и преимущества новой социальной сети. Таким образом, в дизайне посадочной страницы использовалась созданные ранее иконки событий, элементы интерфейса внутренних страниц, с целью упростить опыт пользователя после авторизации в системе и познакомить пользователя с системой заранее , таким образом сделать узнаваемыми основные элементы управления сайтом после прохождения регистрации.
В создании сервиса отдельная задача была связана с созданием копирайта с разной стилистикой текста. Рекламный копирайт и слоганы используются на посадочной странице, информационный копирайт в процессе первого знакомства с системой: на welcome странице, первое знакомстве с системой после регистрации, в регистрационной форме, а технический копирайт был написан для автоматических уведомлений в системе.
