Сделано в Сибири
8 (800) 201-97-32

СпецАвто — сервис аренды спецтехники

Федеральная поисковая система по аренде дорожной и строительной техники без посредников. Позволяет найти или разместить предложения и управлять бронью.
Задача

У заказчика были макеты только для FullHD и мобильных устройств. Задача — сверстать сервис адаптивно для всех разрешений.

Решение
Реализовали вёрстку по макетам и адаптировали для всех экранов. Чтобы сократить объём кода и упростить поддержку, применили методологию SMACSS.
Технологии

HTML

CSS

LESS

SMACSS

Vue

Zeplin

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

Помимо базовых элементов главной страницы, сверстали интерактивные слайдеры и виджет публицистического журнала «СпецАвто».

Страница добавления товара

При выборе спецтехники важно многое: от грузоподъёмности до документов. Для загрузки всех этих данных на сайт — сверстали страницу с формой создания объявления.

Форма большая — и для простоты восприятия раскрывается по мере заполнения.

Регистрация и авторизация

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

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

Личный кабинет состоит из страниц «Профиль» и «Мой гараж». В «Профиле» пользователь редактирует информацию о себе и организации.

На странице «Мой гараж» интегрировали функционал управления бронью. Он реализован в виде интерактивного календаря. Пользователь фиксирует сроки брони и оставляет к ней важные заметки.

Каталоги техники и организаций

Каталоги состоят из категорий и карточек. И технику, и организации можно фильтровать.

Страницы техники и организаций

Здесь — подробная информация, рейтинг и отзывы. Также реализовали панель навигации по странице.

Проект в цифрах
2
специалиста
147
часов работы