Задача: обновить сайт компании, продающей стройматериалы, сделать удобную структуру каталога, быстрый доступ к продукции и ее описанию.

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

samstroy.by
Основная целевая аудитория нашего клиента — люди, строящие дома в районе Слуцкого шоссе. Добавляем функцию копирования координат в буфер, после чего их можно будет вставить в любой навигатор
Размещаем основные категории товаров в плитке по убыванию их популярности у покупателей
Выделяем блок с акциями ярким бэкграундом


Выгоду показываем заметными бирками

Дизайним страницы каталога.

Если товар в наличии, то пользователь может купить его на складе компании
Показываем скидки при оптовом заказе
Если товара нет в наличии, предлагаем юзерам заполнить форму

Приступаем к странице товара.

samstroy.by
Используем только реальные фото стройматериалов
Информацию о товаре разделяем на табы, чтобы визуально сократить ее объем
Напоминаем о возможности доставки ярким баннером

Готовим страницу со всеми акциями. У нашего клиента скидку можно получить при покупке определенного количества материалов.

samstroy.by
Выделяем преимущества компании перед конкурентами: доставка и хранение товаров, добавляем ссылки на соответствующие статьи

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

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

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

samstroy.by
Показываем реальные фото автомобилей и их характеристики
Прикреплям документы с прайсами доставки для разных классов автомобилей

Дизайним страницу о компании, описываем все плюсы при работе с нашим клиентом. Оформляем страницу со всеми статьями и с отдельной публикацией. Готовим осташиеся текстовые страницы.

Проектируем адаптивную мобильную версию.