OK-tractors.ru

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

Разработка масштабного портала для покупки, продажи и аренды всех типов сельскохозяйственной техники в России и СНГ.
Задача

Разработка крупного многостраничного портала для покупки, продаж и аренды различных видов хозяйственной техники и комплектующих по России и СНГ. Было необходимо продумать все детали: от удобного личного кабинета до онлайн-калькулятора для подбора техники по установленным параметрам. Ресурс должен быть удобен и полезен как покупателю, так и продавцу.

Решение

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

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

Дизайн

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

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

25 уникальных страниц
32 уникальных блока
40 состояний и поп-апов
3 размера экрана
Дизайн страниц OK-tractors.ru

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

Gordita
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #2C3966
  • #E31E4E
  • #2BCC3B
  • #BFD0E0
  • #E93925

Личный кабинет и добавление объявления

Объявления

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

Личный кабинет

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

Каталог и карточки товаров

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

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

Страница отзывов

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

Каталог компаний

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

Mobile версия

Важно было передать все элементы и дизайн страниц на экраны мобильных устройств.
Mobile first

Вся информация сохранена в полном объеме, изменена структура некоторых страниц для удобства пользования через экран небольшого размера.

Планшет

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

Прототипы

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

Компьютер

Прототипы страниц проекта OK-tractors.ru
Прототипы страниц проекта OK-tractors.ru

Планшет

Прототипы страниц проекта OK-tractors.ru
Прототипы страниц проекта OK-tractors.ru
Прототипы страниц проекта OK-tractors.ru
Прототипы страниц проекта OK-tractors.ru

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

Прототипы страниц проекта OK-tractors.ru
Прототипы страниц проекта OK-tractors.ru
Прототипы страниц проекта OK-tractors.ru
Прототипы страниц проекта OK-tractors.ru

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

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