АвтоШум, шумоизоляция автомобилей

Результат

Процесс

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




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








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







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









Для проекта создано множество иконок с эффектом 3D (изометрия). Все иконки созданы в формате SVG для качественного отображения на мобильных устройствах. Разработана целая серия адаптивных баннеров, тизеров  и различных оформительских элементов.

Технические особенности проекта и реализованный функционал

– Адаптивная верстка на 5 размеров экранов, 

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





– "Умный" фильтр в каталоге с примерами работ,





– Автоматический расчет стоимости работ и материалов для каждого автомобиля в разделе "Примеры работ",





– Сервис сравнения характеристик и параметров в зависимости от уровня шумоизоляции (3 варианта),






– Формирование комплекта материалов и отправка заявки непосредственно в каталоге,





– Верстка с использованием SVG-иконок,

– Большой объем работ для повышения удобства Клиента при самостоятельном размещении нестандартного контента.