Нужно было сделать интернет-магазин пиломатериалов, в котором легко найти нужный материал и разобраться в его характеристиках.
В каталоге много разных товаров: доска, брус, вагонка, фанера, OSB. Поэтому главной задачей было нормально организовать каталог и не заставлять человека долго искать нужный вариант.
Начал с каталога. Разделил товары по основным категориям и добавил фильтры по размеру, сорту и цене.
Отдельно проработал карточку товара. Вынес основные характеристики и параметры на видное место. Так проще сравнить несколько вариантов и понять, подходит ли товар.
Кроме каталога сделал главную страницу, карточки товаров, корзину, оформление заказа и информационные разделы.
Для мобильной версии упростил навигацию и увеличил основные элементы управления. Каталог и карточки должны нормально работать даже на небольшом экране.
Визуально решил не уходить в сложный дизайн. Взял тёплые оттенки дерева, зелёный и бежевый. Добавил фотографии материалов и текстуры дерева. Они хорошо передают сам продукт и делают каталог более наглядным.
При этом не стал перегружать страницы декором. На первом месте остаются товары, их характеристики и кнопки действий.
Получился готовый дизайн интернет-магазина с каталогом, фильтрами, карточками товаров, корзиной и оформлением заказа.
Человек может выбрать категорию, отфильтровать товары, открыть нужную карточку, посмотреть характеристики и перейти к заказу.
Визуально сайт получился спокойным и сдержанным. Он не спорит с фотографиями материалов и не отвлекает от самого товара.
