Несколько задач одновременно
Например, экскаватор разрабатывает грунт, самосвал вывозит его, а манипулятор доставляет материалы.
↗экскаватор для разработки грунта
↗самосвал для вывоза
↗манипулятор для доставки материалов
Кейс / Сайт для бизнеса
Корпоративный сайт-каталог компании по аренде спецтехники
Сайт для компании «Северные машины» — с каталогом спецтехники, подробными карточками моделей, помощником по подбору, сравнением техники и предварительным расчётом стоимости аренды.
6
категорий техники
3
шага подбора
до 3
моделей в сравнении
1
общая заявка на несколько машин
О проекте
Показать технику и помочь выбрать подходящую
«Северные машины» — сайт-каталог компании по аренде спецтехники в Санкт-Петербурге и Ленинградской области.
В этой нише клиенту важно быстро понять, какая техника подходит под его задачу, сравнить характеристики, оценить стоимость аренды и передать менеджеру параметры объекта.
Поэтому сайт построен вокруг нескольких сценариев: самостоятельного выбора в каталоге, подбора техники под конкретную задачу и формирования комплексной заявки сразу на несколько машин.
Проект переработан как демонстрационный кейс на основе ранее выполненного сайта компании. Дизайн и разработка проекта выполнены мной.
Дизайн и разработка проекта
Комплексная заявка
Несколько машин — одно обращение
Для строительного или промышленного объекта может понадобиться сразу несколько единиц техники. Сайт объединяет их в один понятный сценарий расчёта и заявки.
Один расчёт и одна заявка
Вся выбранная техника собирается в единый список и передаётся менеджеру одним обращением.
↗общий список техники
↗параметры аренды для комплекта
↗предварительная стоимость
↗одно структурированное обращение
Задачи
Превратить каталог спецтехники в инструмент для получения заявок
01
Сделать понятный каталог
Разделить технику по категориям и дать пользователю быстрый доступ к моделям, ценам и основным характеристикам.
02
Помочь с выбором
Помочь подобрать подходящий тип и модель техники под задачу и конкретные условия работы.
03
Показать реальные параметры
Собрать на странице каждой модели стоимость, минимальный заказ, характеристики, условия предоставления и доступность техники.
04
Дать возможность сравнить
Позволить выбрать несколько моделей и сопоставить их характеристики перед отправкой заявки.
05
Рассчитать предварительную стоимость
Дать пользователю ориентир по бюджету ещё на этапе выбора техники.
06
Собрать комплексную заявку
Объединить несколько машин в один список и отправить общую заявку на весь комплект.
Решения
От выбора категории до готовой заявки
01
Динамический каталог техники
Шесть категорий: автокраны, манипуляторы, самосвалы, экскаваторы-погрузчики, гусеничные и колёсные экскаваторы. В карточке сразу видны тип техники, описание, цена и основные параметры.
02
Отдельная страница каждой модели
Для каждой единицы техники собраны стоимость, единица тарифа, минимальный заказ, статус доступности, характеристики, условия и форма заявки. Выбранная модель автоматически передаётся в обращение.
03
Помощник по подбору техники
Пользователь выбирает характер работ, указывает район или адрес объекта, дату и описание задачи, после чего получает подходящие варианты.
04
Предварительный расчёт аренды
Калькулятор учитывает технику, количество, объём аренды, расстояние за КАД, стоимость аренды и подачи. Итоговая цена уточняется менеджером.
05
Сравнение техники
В одном интерфейсе можно сопоставить от двух до трёх моделей по стоимости, минимальному заказу и техническим характеристикам.
06
Специализированный список заявки
Несколько машин объединяются в один комплект: пользователь задаёт параметры аренды и отправляет менеджеру одну общую заявку.
Пользовательский сценарий
От задачи на объекте до одной общей заявки
На сайте предусмотрено несколько путей для пользователей с разным уровнем понимания необходимой техники.
01
Понять возможности
На главной пользователь видит категории техники, популярные модели и основные услуги компании.
02
Выбрать способ поиска
Когда модель уже известна, пользователь идёт в каталог. Когда выбор начинается с задачи, помогает пошаговый подбор.
03
Изучить модель
Посмотреть стоимость, минимальный заказ, характеристики и условия аренды.
04
Сравнить варианты
Добавить от двух до трёх моделей в сравнение и выбрать подходящую.
05
Собрать комплект
Добавить одну или несколько машин в список заявки.
06
Получить предварительный расчёт
Указать параметры аренды и расстояние до объекта.
07
Отправить заявку
Передать менеджеру данные о технике, объекте и условиях работы.
Удобство с двух сторон
Понятно клиенту. Полезно менеджеру.
Проектирование охватывает весь путь пользователя — от знакомства с техникой до передачи менеджеру структурированной заявки.
Для клиента
Быстро перейти от задачи к подходящей технике
✓понятное разделение по категориям
✓цены сразу в каталоге
✓подробные характеристики моделей
✓помощник по выбору
✓предварительный расчёт
✓сравнение нескольких машин
✓одна заявка на несколько единиц техники
✓адаптивный интерфейс
Для компании
Получать более содержательные обращения
✓выбранная модель передаётся в заявку
✓менеджер получает список техники
✓передаются параметры объекта
✓указывается желаемая дата
✓указывается характер работ
✓передаётся предварительный расчёт
✓есть данные для уточнения деталей и стоимости
Архитектура каталога: от категории к конкретной машине
Каталог
✓общий список техники
✓переход между шестью категориями
✓цены и ключевые параметры в карточках
Категория
✓подборка машин одного типа
✓отдельная посадочная страница
✓масштабируемая структура каталога
Карточка модели
✓цена и минимальный заказ
✓характеристики и условия аренды
✓целевые действия и форма заявки
Сравнение
✓две–три модели рядом
✓стоимость и минимальный заказ
✓технические характеристики
Список заявки
✓несколько выбранных машин
✓единый предварительный расчёт
✓одно обращение менеджеру
Ключевая логика
Сервис под бизнес-процесс аренды
Задача
Пользователь начинает с работ, которые нужно выполнить на объекте.
Подбор
Система предлагает подходящий тип и конкретные модели техники.
Сравнение
Несколько вариантов сопоставляются в одном интерфейсе.
Комплект техники
Нужные машины объединяются в единый список.
Предварительный расчёт
Пользователь получает ориентир по стоимости аренды и подачи.
Заявка
Параметры техники и объекта передаются одним обращением.
Уточнение менеджером
Менеджер получает структурированные данные для подтверждения условий и итоговой цены.
Результат
Корпоративный сайт стал полноценным каталогом-сервисом
Проект объединяет корпоративную презентацию компании, каталог спецтехники и несколько инструментов, которые помогают пользователю самостоятельно пройти значительную часть пути до обращения к менеджеру.
↗Техника разделена на понятные категории
↗Для моделей созданы отдельные страницы с характеристиками
↗Стоимость и минимальный заказ показываются на этапе выбора
↗Реализован пошаговый подбор под задачу
↗Добавлен предварительный расчёт аренды и подачи
↗Несколько моделей можно сопоставить в одном интерфейсе
↗Несколько машин объединяются в одну заявку
↗Выбранные данные автоматически передаются менеджеру
↗Интерфейс адаптирован под разные пользовательские сценарии
Следующий этап
Архитектуру можно развивать дальше
Текущая логика позволяет расширять проект по мере развития бизнеса.
01
Расширение каталога
Добавление новых категорий и десятков моделей техники.
02
Расширенный подбор
Дополнительные параметры объекта, грузоподъёмность, глубина копания, высота работ и другие характеристики.
03
Календарь доступности
Отображение свободной техники и предварительное бронирование даты.
04
CRM
Автоматическая передача заявок, состава техники и результатов расчёта менеджеру.
05
Личный кабинет
История обращений, повторные заявки и сохранённые комплекты техники для постоянных клиентов.
Нужен сайт-каталог со сложной логикой подбора?
Разработаю систему под конкретный бизнес-процесс: каталог, динамические карточки, фильтрацию, расчёты, сравнение и удобный сценарий заявки.