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

Разработка UX/UI-дизайна для промо-сайта компании «New Holland» - мирового лидера по производству сельскохозяйственной техники.
Задача

Продумать UX/UI-дизайн Landing Page для модели сельскохозяйственного трактора “T7” от компании «NewHolland». Перед нами стояла задача создать такую страницу, чтобы пользователь прошел от этапа знакомства с техникой до ее покупки. Предстояло провести анализ ЦА и выявить ее желания, разработать удобную концепцию страницы с современным и лаконичным дизайном.

Решение

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

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

Дизайн

В разработке дизайна мы ориентировались на фирменный цветовой стиль “New Holland” и сохранили контраст сине-желтой палитры.

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

15 уникальных блоков
40 состояний и поп-апов
3 размера экрана
Дизайн страниц New Holland T7

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

Lato
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #2a2d8e
  • #f0c500
  • #e8e7f7

Лучшая кабина на рынке

Взгляд изнутри

Трактор “T7” оснащен технологичной современной кабиной, поэтому перед нами встала задача по отображению всех ее характеристик. Мы сделали так, чтобы пользователи могли рассмотреть все детали изнутри.

Решение – умные иконки

В этом помогли интерактивные элементы, которые при наведении предоставляют все данные и в полной мере раскрывают преимущества модели.

Mobile версия

Главной целью стало сохранение возможностей функционала, но уже в другом формате.
Mobile first

Адаптировали все элементы под меньшие размеры и немного их упростили для отображение на смартфоне.

Планшет

Это же касается и версии сайта для планшета. Благодаря возможностям разработанного дизайна, он без изменений адаптируется под любой экран.

Прототипы

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

Компьютер

Прототипы страниц проекта New Holland T7
Прототипы страниц проекта New Holland T7

Планшет

Прототипы страниц проекта New Holland T7
Прототипы страниц проекта New Holland T7
Прототипы страниц проекта New Holland T7

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

Прототипы страниц проекта New Holland T7
Прототипы страниц проекта New Holland T7
Прототипы страниц проекта New Holland T7
Прототипы страниц проекта New Holland T7

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

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

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

Смотреть проект
Metsui Group