Toyota & Lexus Алтуфьево

Задачи и концепция

Клубный автотехцентр «Toyota & Lexus Алтуфьево» - одна из крупнейших сервисных станций севера Москвы. Огромный спектр услуг, современное оборудование для диагностики и устранения неполадок, огромный штат профессионалов – все для вашего автомобиля в одном месте.
Задача

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

Решение

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

Этапы
  • UX-анализ
  • Проектирование и дизайн
  • Desktop & Mobile версии
  • Анимация
  • Разработка конфигуратора
  • Калькулятор покраски

Дизайн

Для реализации выбрали простую цветовую палитру и расставили яркие акценты на наиболее значимых блоках сайта.

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

7 уникальных страниц
22 уникальных блока
40 состояний поп-апов
3 размера экрана

Типографика и цветовая схема

Manrope
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #B50817
  • #2D3748
  • #F6F7F9

Калькулятор ТО

Одна из самых востребованных услуг – регулярный технический осмотр. «Toyota & LexusАлтуфьево» - сертифицированный техцентр и может провести диагностику автомобиля в соответствии с регламентом производителя.

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

Варианты машин

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

Это решение поможет пользователям проще ориентироваться в масштабном асортименте оказываемых автосервисом услуг.

Страница услуги

Страница каждой предлагаемой сервисом услуги детально проработана.

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

Внутренние страницы (О сервисе, запчасти, акции)

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

Mobile версия

Адаптация сайта с таким количеством важных элементов потребовала много усилий.
Mobile first

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

Планшет

Планшетная версия не уступает мобильной по удобству использования.

Прототипы

Старт проекта всегда начинается с подготовки прототипов. Данный сайт не стал исключением. Было подготовлено множество пробных макетов, прежде чем согласован итоговый вариант.

Компьютер

Прототипы страниц проекта Toyota & Lexus Алтуфьево
Прототипы страниц проекта Toyota & Lexus Алтуфьево

Планшет

Прототипы страниц проекта Toyota & Lexus Алтуфьево
Прототипы страниц проекта Toyota & Lexus Алтуфьево
Прототипы страниц проекта Toyota & Lexus Алтуфьево

Мобильная версия

Прототипы страниц проекта Toyota & Lexus Алтуфьево
Прототипы страниц проекта Toyota & Lexus Алтуфьево
Прототипы страниц проекта Toyota & Lexus Алтуфьево
Прототипы страниц проекта Toyota & Lexus Алтуфьево

Нужна сильная команда?