Спецпартнер

2024 Разработка сайта Промышленность

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

Поставленная задача

Разработать современный, интуитивный и адаптивный сайт, который:

Объединяет аренду и продажу спецтехники;
Позволяет быстро находить нужную технику по параметрам;
Имеет удобный личный кабинет с управлением заказами и объявлениями;
Работает корректно на мобильных устройствах;
Презентует мобильное приложение для iOS и Android.

Этапы работ

01

Анализ рынка и референсов

Исследование конкурентов и выявление слабых мест в пользовательских сценариях.

02

UX-прототипирование

Проработка архитектуры сайта: фильтры, карточки техники, личный кабинет.

03

UI-дизайн

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

04

Передача в разработку + UI Kit

Отрисовка адаптивов под мобильные устройства и планшеты.

CJM

Пользовательские истории

Мотивация

01

Мотивация

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

Решение

Предусмотрена подробная фильтрация по всем видам спецтехники

Пояснение каждой характеристики спецтехники

Возможность сохранить подходящий варинт спецтехники

Возможность сравнить несколько вариантов спецтехники

02

Мотивация

Как Пользователь я хочу сотрудничать с добросовестными арендодателями и не попасться на уловки мошенника

Решение

На портале предусмотрена верификация

Наличие отзывов о спецтехнике и о компании, предоставляемой в аренду спецтехнику

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

03

Мотивация

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

Решение

Контактные данные арендодателя показаны на карточке объявления, что позволяет сразу связаться с компанией

Есть возможность бронирования спецтехники на сайте

04

Мотивация

Как Пользователь я хочу, чтобы спецтехника, которую я бронирую соответсвовала описанию на сайте

Решение

Наличие фотографий спецтехники более 10 шт. Наличие видеобзора. Наличие отзывов о спецтехники

Типографика

Цветовая палитра

#1E1E1E

#F7F6F5

#848282

#4B4B4B

#FFA401

#FFFFFF

UX-фокус: простота и доступность на любом устройстве

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

На этапе проектирования мы уделили внимание:

визуальной иерархии — основные действия (поиск, фильтры, карточки техники) вынесены в первый экран;
мобильной адаптации — более 60% пользователей приходят с телефона, поэтому фильтры, карточки и форма заказа адаптированы под палец и вертикальный скролл;
сценариям бронирования в один клик — минимум шагов для оформления аренды или покупки.

Результатом стала чистая, визуально лёгкая структура, где ничто не отвлекает от ключевых действий: найти технику и связаться с владельцем.

Главная страница сайта

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

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

Личный кабинет разделен по ролям: владелец техники и заказчик.

Внутри:

Управление своими объявлениями;
История бронирований;
Сообщения и уведомления;
Редактирование профиля и контактных данных;
Быстрый доступ к избранному и черновикам.

Технологический стек

Фронт

ReactTailwindCSS

Бэк

Node.js

Дизайн

Figma Adobe Photoshop

Аналитика

Google AnalyticsHotjar

БД

PostgreSQL

Результат проекта

Время поиска техники сократилось на 54%
Конверсия бронирования выросла на +31%
Более 10 000 пользователей за первые 3 месяца
100+ активных владельцев техники публикуют объявления
Средняя оценка UX по опросам — 4.7/5

Обсудим проект?

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

Смотрите также

Инвестиционный портал Саратовской области

АйбиВет