Старый сайт уже не мог корректно показывать весь ассортимент продукции компании: требовалось создать удобный для пользователя каталог с отдельными страницами для каждой панели, нагляднее представить выполненные работы.
Прототипирование
Была полностью переработана структура сайта, организован удобный каталог с возможностью заказа панелей через корзину. Совместно с маркетологом мы выявили 2 крупных группы потенциальных посетителей:
Посетители, которые хорошо разбираются в этой теме
Для них сделан каталог с сериями и возможность сравнения
Посетители, которые не очень понимают как выбрать нужное изделие
Для них сделан подбор панелей через фильтр или же можно воспользоваться слайдером на главной, где сразу выведены области применения панелей.
Для партнеров существует отдельный закрытый раздел. Все работы представлены в кейсах, и отдельно их можно просмотреть в разделе с клиентами. На страницу панели можно легко попасть как из каталога, так и из кейсов, и из клиентов.
Главная страница
Долго подбирали цвета и варианты отображения панелей на главной.
В итоге пришли к нынешнему варианту. В слайдере отображаются панели по сферам применения, по клику на слайд мы попадаем в каталог с примененным фильтром. Выполненные работы и отдельные панели из каталога размещены ниже.
Страница каталога
В категории выводится фотография, краткое описание, преимущества серии и список товаров из этой категории. Если посетитель на сайте не смог найти нужный размер панели из представленных в каталоге, то мы предлагаем связаться с менеджером через форму обратной связи.
Детальная страница
Детальная включает галерею с фотографиями и список характеристик. Есть возможность добавить товар в сравнение. Есть блок "другие панели этого размера". Ниже размещен слайдер с выполненными работами. Между товарами можно переходить используя навигационные стрелки.
Подбор товара
Конечный вариант визуально отличается от первоначально нарисованного дизайнером. Выбрав сферу применения, тип крепления и нужный размер, посетитель получает выборку товаров по нужным параметрам.
Сравнение товара
Текстовая страница
Кейсы
Примеры работ с фильтром в каталоге и привязкой нужных моделей к каждому проекту.
Мобильная адаптация
Сайт адаптирован под мобильные устройства.
