Обновление, которое затрагивает весь магазин
Салон «Клейстер» пришёл с сайтом, который долго не обновлялся: устаревший дизайн, ошибки и медленная работа мешали развитию онлайн-продаж. Мы выбрали полную пересборку. Задача состояла в создании магазина, способного одновременно показывать ассортимент и помогать человеку, который ещё не определился с интерьерным решением. Новый сайт должен был объединить выбор материала, полезный контент и оформление покупки.
Для обоев эта двойная роль особенно заметна: одни фотографии показывают материал крупно, другие — его применение в комнате. Каталог работает не только с названиями товаров, но и с визуальными различиями между вариантами оформления. Поэтому изображения интерьеров соседствуют с фактурами, а просмотр может начинаться как с конкретного артикула, так и с понравившегося рисунка.
Вместо одного входа — несколько маршрутов выбора
Под промобаннером расположен компактный набор тематических ссылок: торговая марка, цвет, тип обоев, рисунок и предназначение. Посетитель может начать с уже известного производителя или с гораздо более общего желания — например, подобрать материал для определённой комнаты. Ниже виден раздел полезных статей, который продолжает тему выбора за пределами товарной выдачи.
Главную мы задумали как редакционную ленту с коллекциями, статьями и видеообзорами. У посетителя появляется возможность познакомиться с материалами до точного выбора. Информационные блоки продолжают торговую тему: полезная статья или новая коллекция становятся входом в ассортимент, сохраняя рядом привычные ссылки для тех, кто уже знает нужный цвет, марку или тип обоев.
Товарная карточка не прячет покупку за переходом
На странице обоев товары расположены сеткой в четыре колонки. У каждого варианта видны фотография, название, цена и синяя строка добавления в корзину с количеством рулонов. На части карточек есть пометка о видео, а у изображений — значок избранного. Отдельные фотографии показывают интерьер, другие раскрывают фактуру или рисунок материала вблизи.
В нижней части экрана остаётся панель с фильтром, категориями и популярными товарами. Инструменты навигации находятся рядом с просмотром ассортимента, а добавление рулонов доступно непосредственно в карточке выдачи. Так покупатель может чередовать сравнение изображений, уточнение параметров и работу с выбранными позициями, не теряя общий контекст каталога магазина.
Разные товары сохраняют общий порядок
Каталог красок использует ту же сетку: в карточке находятся фотография упаковки, название, цена и добавление в корзину, но единицей покупки становится штука. Разные объёмы одной линейки представлены самостоятельными позициями. В раскрытом меню доступны обои, краска, натуральные обои, лепнина, клей, грунтовка и фрески. Ассортимент салона шире основной категории, а общий интерфейс связывает эти направления.
На странице о компании размещены текст о выборе материалов и блок преимуществ с иллюстрациями. Вместе с шапкой, где есть шоурум и контакты, это показывает присутствие физического салона рядом с дистанционным просмотром и покупкой.
Управление ассортиментом — часть пересборки
Для управления магазином мы подключили инструменты на 1С-Битрикс. В состав работ вошли товары, заказы, акции, купоны и доставка. Раньше сайт работал без CRM, поэтому пересборка затрагивала и повседневные операции менеджеров. Публичная витрина и её внутреннее управление развивались вместе: изменения ассортимента и торговых предложений должны поддерживаться средствами самой системы.
Мы переработали код, улучшили фильтрацию и оформление заказа, адаптировали сайт для разных устройств. В результате работа не ограничилась новым видом товарной карточки: она охватила навигацию, покупательский путь и административные задачи. Для салона с обоями, красками и сопутствующими материалами эти части объединяют разные категории в один управляемый магазин.
Магазин для определившегося и ищущего покупателя
Готовое решение сочетает два режима: быстрый переход к товару по параметрам и более свободное знакомство с материалами через интерьеры и статьи. Полезный контент, тематические ссылки, каталог обоев и каталог красок оформлены как части одного магазина. Покупатель выбирает удобный ему уровень подробности, от общего впечатления до названия, объёма и количества конкретной позиции.
Итог пересборки — магазин с визуальным ассортиментом и инструментами управления на Битрикс. В нём можно рассматривать обои в комнате, сравнивать рисунки, знакомиться с видео и переходить к покупке. Актуализация товаров, акций, купонов и доставки относится к тому же решению, поэтому новая подача ассортимента получила необходимое внутреннее продолжение.
Проект в деталях
Иллюстрации из портфолио OOMI показывают версию проекта на момент съёмки. Цены, акции и контакты внутри изображений могут быть неактуальны.