Задача
В соответствии с актуальными тенденциями рынка реализовать адаптивный сайт с требуемым функционалом для сферы автолизинга.
Процесс
Компания Активлизинг обратилась к нам для создания сайта. Перед началом работы над проектом, в ходе серии встреч со стейкхолдерами, были собраны требования и пожелания к работе.
Как и любой проект, работа началась с этапа проектирования. Мы структурировали полученную от клиента информацию и сформировали из нее техническое задание. На основе проработанной документации мы всецело понимали схему будущего веб-проекта.
Процесс реализации сайта мы продолжили прототипированием страниц, которые были отражены на схеме проекта. Через контент мы расставили акценты на функциональных и информационных блоках.
Для объяснения сложной и объемной информации было принято решение преобразовать часть текстового материала в инфографику и иллюстрации с использованием наглядных схем и запоминающихся символов.
Дизайн
На базе спроектированной структуры и утвержденных прототипов страниц мы подготовили уникальный дизайн будущего сайта. Дизайн, будучи творческой составляющей процесса разработки, был продуман на основе составленного мудборда (коллажа настроения).

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

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

Функционал
Обязательным элементом каждого сайта являет «шапка» сайта. В нашем случае хедер (верхний блок сайта) выполняет функцию навигации и информирования. На нем мы разместили логотип компании, а также кликабельные элементы для выбора города и набора телефона. Здесь же представлены кнопки «Кабинет клиента» и «Заказ на лизинг».
Как было сказано выше не забыли мы и о навигации по сайту. Таким образом чуть ниже было расположено горизонтальное меню для возможности перехода к разделам сайта: «Каталог», «Предметы лизинга», «Виды лизинга», «Сервисы», «Акции», «Компания» и «Поддержка».

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

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

Сам сайт представляет собой агрегатор предложений по лизингу авто. Таким образом ключевым элементом проекта является каталог. В рамках этого раздела пользователь может выбрать позицию из трех подборок: «Каталог автомобилей», «Предложение от дилеров» и «Предложения от «Активлизинг».
Широкий ассортимент позиций со сложными характеристиками предполагает расширенную навигацию. Релевантным решением стал блок с подробными фильтрами: множественный выбор, выпадающие списки, чек боксы, радиокнопки и интерактивные слайдеры диапазона значений, – все это было реализовано для удобного поиска позиций на странице каталога.


Стоит подробнее остановиться на подборках, так как для каждой из них есть свой источник контента, а наполнение карточек транспортных средств имеют различия в зависимости от подборки.
Сперва остановимся на самой крупной подборке – «Каталог автомобилей». Карточки в этом разделе появляются также активно, как и на сайте доноре, av.by. Данная синхронизация была достигнута при помощи использования открытых API.

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


Второй по порядку, но не по значимости выделена категория – «Предложение от дилеров». Карточки в ней появляются тоже автоматически, как и в предыдущем разделе. Однако стоит отметить, что в разделе «Предложение от дилеров» представлены машины с салона и для уточнения деталей сделки в карточке представлены наименования и номер телефона дилера.

Заключительная категория – «Предложения от «Активлизинг». В выбранном разделе реализована возможность оформления лизинга онлайн, через заполнение формы для связи. Представленные автомобили располагаются на территории компании, поэтому у пользователей есть возможность увидеть их в тот же день без дополнительных согласований.

Кому подойдет подобная услуга?
Стек технологий:
- PHP
- MySQL
- Webpack
- Git
- Gulp
- Laravel
- SCSS
- Vue 3
Команда:
- Back-end разработчик 2
- Front-End разработчик 1
- Проектный менеджер 1
- Дизайнер 2
- Тестировщик 1
- Бизнес-аналитик 1