ux/ui
Yamaha Motor
2018
Проект

Дизайн-система для сборки сайта бренда Yamaha Motor CIS + сайтов дилеров на единой веб-платформе Kodix DWS
Цель

Разработать дизайн-систему, элементы которой легко использовать в конструкторе страниц 1С: Битрикс для создания страниц с ярким динамичным оформлением
Аудитория

Мужчины 25−50 лет с доходом выше среднего, фанаты драйва, скорости, экстремальной езды, острых ощущений
Проблемы

Сайт бренда сильно устарел, исследования аудитории проводились последний раз в 2012 году, дилеры слабо понимают особенности работы в digital-среде
Актуальную информацию о покупателях техники Yamaha Motor команда проекта собрала на дилерской конференции 2017, проведя более 30 интервью с представителями дилеров бренда. Эти данные были у нас перед глазами в течение всей работы над проектом.
На этапе User Story Mapping я привлекла к мозговому штурму команду разработки. И получила множество ценнейших инсайтов для будущего интерфейса платформы.
Гипотезы
Опровергнуто
Опровергнуто
Категоризация каталога по стихиям вызывает критические затруднения при навигации.
Подтверждено
Подтверждено
Видео тест-драйва в шоуруме модели будет востребовано у пользователей.
Опровергнуто
Опровергнуто
Список моделей в классическом виде не имеет критической необходимости для пользователей.
Опровергнуто
Опровергнуто
Игровая механика интерфейса способствует покупке у эмоциональных пользователей.
Чтобы подтвердить или опровергнуть гипотезы, пришлось разработать несколько прототипов будущей веб-платформы. В первой итерации тестирования я использовала прототипы Axure. Затем тестирование проводили на интерактивных прототипах, оформленных в новом фирменном стиле Yamaha. Их я создала в Sketch App с помощью плагина Anima Launchpad. И в последней итерации (т.н. коридорное тестирование) я использовала InVision.
Прототипы сперва прошли внутреннее тестирование в Kodix. Я опубликовала их для открытого тестирования и собрала фидбек со всех сотрудников компании с помощью опросника в Google Формах. Также, выбрав нескольких сотрудников, которые могли быть потенциальными покупателями техники Yamaha, я собрала с них интервью и провела более глубокое тестирование в формате Thinking Out Loud.
Затем совместно с компанией «Точка роста» было проведено масштабное тестирование прототипов в формате Thinking Out Loud с привлечением внешних респондентов. Так мы поняли истинные цели, потребности и проблемы реальных пользователей. Информация, которую мы получили в результате этого исследования, стала настоящим откровением для меня и коллег. Благодаря этому мы смогли существенно улучшить этот и другие проекты, предлагая заказчикам правки с веской аргументацией.
Для разработки вайрфреймов интерфейса я снова привлекла команду разработки и менеджера проекта, чтобы соблюсти баланс между ограничениями платформы и потребностями бизнеса и пользователей. Я распечатала несколько комплектов классических элементов интерфейса. Вместе с командой проекта мы собрали из них вайрфреймы всех будущих страниц MVP.
Параллельно с тестированием гипотез я занималась разработкой UI Kit и отдельных элементов будущей дизайн-системы.
В данный момент проект все еще в работе. Здесь в качестве результата своей работы я решила показать макеты MVP, от которых мы отталкивались, приступая к веб-разработке публичной части платформы.