Обсудить проект
Все проектыИнтернет-магазин декоративных покрытийКейс команды Sigrasel

Palitreco. Фактура становится цифровой.

Фактура становится
цифровой.

Стратегия и UXАрт-дирекшнРазработка
Настоящий выкрас TerraNova Lacquer: оливковая поверхность с золотым кракелюром
Из материи
Интерьерная визуализация: оливковая фактурная стена и бархатное креслоВ пространство
Настоящий выкрас + интерьерная визуализацияДизайн, который даёт материалу слово.

Как передать
ощущение,
если его нельзя
потрогать?

Декоративное покрытие выбирают глазами. Но решаются на него, когда видят фактуру, свет и глубину.

Palitreco нужен был магазин, который сохраняет этот опыт. Мы собрали цифровой шоурум: от первого «хочу такую стену» до расчёта и заказа настоящего образца.

Чтобы красота приводила к следующему шагу, а сложность продукта оставалась внутри системы.

Клиент
PalitrecoДекоративные покрытия
Задача
Из салона в онлайнСохранить ценность живого выбора
Наша работа
От логики до запускаUX/UI, frontend, backend, CMS, SEO
Основа каталога
234 эффекта29 категорий фактур

Сначала вдохновение.
Потом характеристики.

Мы построили каталог вокруг результата на стене. Интерьер помогает представить пространство, настоящий выкрас показывает материал вблизи.

Один визуальный язык.
На любом экране.Реальные экраны сайта и запись на телефоне

Выбор с первого взгляда

Фактура и интерьер дают контекст до того, как покупатель начнёт разбираться в названиях материалов.

Возвращение без потерь

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

От «красиво»
к «подходит мне».

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

Визуализация оливкового кракелюра в интерьереИнтерьерная визуализация из каталога
Почувствуйте логику выбора

TerraNova
Lacquer

Выразительная олива и золотой кракелюр. Материал задаёт настроение всему пространству.

Вижу результатИнтерьер + настоящий выкрас
Понимаю стоимостьРасчёт по площади, с работой или без
Проверяю вживуюОбразец перед большим решением

Выбрано: оливковый кракелюр

Красивый выбор.
Понятный расчёт.

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

A5A4A3

От маленького образца к уверенному решению

У дизайна есть
бизнес-продолжение.

Красота привлекает внимание. Понятный путь помогает довести его до предметного интереса к материалу.

Демонстрационные данные

Цифры ниже выдуманы для макета. Это пример будущего отчёта, а не измеренные результаты Palitreco.

Путь к заявке

Конверсия посетителей каталога

4,8%+2,7 п. п. к исходному периоду
Демонстрационная динамика конверсииВыдуманная конверсия в течение месяца растёт с 2,1 до 4,8 процента.6%4%2%Начало периодаКонец периода

Иллюстрация: заявки / посетители каталога × 100%

+38%

Глубже знакомство

Больше просмотренных эффектов за визит

×2,3

Ближе к образцу

Рост числа заявок на реальные выкрасы

Скорость создаёт впечатление.

PageSpeed Insights · пример лабораторного отчёта

Демонстрационный отчёт
  • 94из 100
    Производительность
  • 98из 100
    Доступность
  • 100из 100
    Рекомендации
  • 100из 100
    SEO
LCPЗагрузка основного контента
2,1с
TBTБлокировка основного потока
120мс
CLSСтабильность макета
0,02

Иллюстрация, не фактический замер PageSpeed Insights. Значения выдуманы для макета.

Как рассчитывает Lighthouse

Впечатляет снаружи.
Продумано внутри.

Мы проектировали не только витрину. За ней система, с которой команда Palitreco может работать каждый день.

Один выкрас —
весь путь

№196 TerraNova Lacquer: от редактора каталога до заявки менеджеру. Настоящие экраны Palitreco, снятые с локальной копии без данных клиентов.

  1. Редактор каталога

    Команда заводит эффект: название, категории, тексты и цены — без разработчика.

    Админка Palitreco: в списке выбран эффект 196 TerraNova Lacquer, справа — его карточка в редакторе
  2. Карточка на сайте

    Покупатель видит фактуру в интерьере и вблизи, рядом — путь к расчёту и образцу.

    Страница эффекта 196 TerraNova Lacquer: название, описание и интерьерная визуализация
  3. Расчёт

    Площадь превращается в ориентир по стоимости: только материалы или материалы с работой.

    Расчёт стоимости: выбран эффект 196 TerraNova Lacquer, площадь 25 м², итог 48 750 ₽
  4. Заявка на выкрас

    Фактура, цвет и формат образца уже подставлены — менеджер получает контекст, а не только телефон.

    Заявка на выкрас: фактура №196 TerraNova Lacquer, цвет «Натуральный лён», формат A4

Каталог живёт.
Команда управляет.

Не зависеть от разработчика при каждом изменении цены, текста или фактуры.

Контент под контролем

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

Заявка с полным контекстом

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

Забота о данных

Сервер проверяет заявку до сохранения. Персональные поля шифруются, а подтверждение отправки появляется после успешной записи.

Основа для роста

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

Next.jsReactTypeScript

От задачи к работающему продукту

  1. Погружение

    Логика выбора и работа салона

  2. Проектирование

    Каталог, сценарии, визуальный язык

  3. Разработка

    Витрина, расчёты, управление

  4. Развитие

    Новые способы почувствовать материал

Следующий
слой.

В процессе

Фотометрическое стерео

Покупатель сам ведёт свет по поверхности и видит, как рельеф отвечает на него — почти как у стенда в салоне. Ниже прототип на настоящем образце Palitreco.

Настоящий образец рельефной штукатурки из салона Palitreco: белые рваные пласты Прототип

Настоящий образец из салона Palitreco. Рельеф восстановлен по одному снимку и усилен для наглядности. Как это сделано

Личный кабинет

История выбора и проектов покупателя в одном месте.

Онлайн-оплата

Следующий шаг к полному циклу покупки на сайте.

Palitreco × SigraselДизайн. Технологии. Характер.

Сложный продукт.
Сильное впечатление.
Ваш следующий проект?

Обсудить с командой

От первого смысла
до последней детали.

Другие работы
Palitreco
Esc, чтобы вернуться к кейсу