Каталог и визуальная система деревянных изделий

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

BURANOFF: каталог с фильтрами, пляжным столом, столом-чемоданом, креслом и барным столиком.
Фрагмент каталога BURANOFF: изделия и выбор по назначению.
Клиент
BURANOFF
Проект
Полный цикл с нуля: структура, UX/UI, дизайн, разработка, каталог, тексты, базовая SEO-подготовка, визуальная система и запуск.
Направление
Деревянные игры, мебель и изделия для отдыха

Задача проекта

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

Что важно учесть

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

Как устроен сайт

  1. Структура для разных изделий

    Сейчас в каталоге 31 товар: деревянные игры, складная мебель и изделия для отдыха. Ассортимент организован по назначению и рассчитан на добавление новых позиций. Сетка помогает перейти от общего просмотра к конкретной карточке и разобраться в типах изделий.

  2. Описание через использование

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

  3. Единый масштаб и свободное поле

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

  4. Форматы для разных экранов

    Визуальная система предусматривает форматы 4:5, 3:4 и 9:16 для каталога и мобильных экранов. При смене формата сохраняются пропорции товара и его функциональные элементы. Каждый формат поддерживает свой сценарий просмотра: от сетки товаров до вертикальной мобильной композиции.

  5. Конструкция остаётся узнаваемой

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

  6. Интерактивный выбор расцветки

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

Пляжный столик BURANOFF: описание назначения и конструктивных особенностей.
Пляжный столик BURANOFF: описание назначения и конструктивных особенностей. Реальный интерфейс сайта.
Пляжный столик BURANOFF: вся последовательность сборки в одном блоке.
Пляжный столик BURANOFF: вся последовательность сборки в одном блоке. Реальный интерфейс сайта.
Интерактивный выбор расцветки пляжного столика: варианты отделки и выбранный флаг.
Интерактивный выбор расцветки пляжного столика: варианты отделки и выбранный флаг. Экран предоставлен владельцем.

Что получилось

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

Исполнитель: RAMZES-IT

Другой проект

Все кейсы
Первый экран сайта O2 Dental

Стоматология

O2 Dental

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

У вашей задачи - своя логика

Расскажите о бизнесе и о том, что должен делать сайт. Обсудим структуру, нужные функции и материалы, с которых стоит начать.

Обсудить проект

Обсудить проект

Оставьте один удобный контакт или отправьте выбранный расчёт.

Не знаю, что выбрать - помочь с подбором

Заявка сохранится, а уведомление о ней придёт мне на почту. Отвечу по выбранному вами способу связи в течение рабочего дня. Можно написать напрямую: info@ramzes-it.ru или позвонить: +7 (993) 421-99-91.