Lexus Taganka Service

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

Сайт для автосервиса “Lexus на Таганке”, который специализируется на ремонте и техническом обслуживании автомобилей японского бренда “Lexus” в Москве и Московской области. Он предлагает широкий спектр услуг и располагает оборудованием дилерского уровня. Мастера, входящие в его штат, аттестованы в “Lexus” и работают по рекомендациям производителя. Руководство компании решило расширить сферу своего влияния за счёт создания в Интернете своего представительства. Выполнение этой задачи было доверено нам.
Задача

Разработка многостраничного сайта с описанием услуг, предлагаемых автосервисом, и онлайн-калькулятором технического обслуживания. Поскольку “Lexus” – марка класса “Premium”, дизайн сайта должен подчёркивать этот статус. Несмотря на большое количество предоставляемых услуг, ориентироваться в них пользователю должно быть легко, равно как и записаться на диагностику или ремонт к мастерам сервиса.

Решение

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

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

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

Дизайн

Для оформления использовано лишь три цвета (белый, серый и чёрный), поэтому цветовая гамма получилась по-настоящему сдержанной. В то же время она подчёркивает особый статус автомобилей “Lexus” и их самодостаточность, а также не отвлекает их владельцев от того, зачем они пришли на сайт: поиска необходимых услуг и информации. Чёткость и простота линий, а также сдержанные цвета подчёркивают статус “Lexus” и не перетягивают на себя внимание посетителей.

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

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

Montserrat
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #0C0F16
  • #F6F6F6
  • #ffffff

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

Онлайн-калькулятор разработан таким образом, чтобы автовладелец видел, какие именно услуги потребуются его автомобилю при том или ином пробеге. Ему достаточно выбрать свою модель и её пробег на данный период, а потом – желаемые услуги. При этом он имеет возможность видеть, что целый ряд из них он получит абсолютно бесплатно

Первый экран, варианты:

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

Техническое обслуживание LEXUS

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

Внутренние страницы сайта

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

Mobile версия

Создавая её, мы решили сохранить имеющийся функционал и визуальную составляющую, а потому провели работы по их адаптации.
Mobile first

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

Планшет

Удобство и простота поиска требуемой услуги – именно это стало опорной точкой при разработке адаптивной версии для планшетов. Данная задача была решена в полной мере.

Прототипы

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

Компьютер

Прототипы страниц проекта Lexus Taganka Service
Прототипы страниц проекта Lexus Taganka Service

Планшет

Прототипы страниц проекта Lexus Taganka Service
Прототипы страниц проекта Lexus Taganka Service
Прототипы страниц проекта Lexus Taganka Service

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

Прототипы страниц проекта Lexus Taganka Service
Прототипы страниц проекта Lexus Taganka Service
Прототипы страниц проекта Lexus Taganka Service
Прототипы страниц проекта Lexus Taganka Service

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

Выберите интересующую вас услугу

Следующий проект

Смотреть проект
Fortes