Объяснить сам продукт
Показать, чем гибкий материал отличается от обычного камня и кирпича и где его можно использовать.
Сайт производителя гибкого камня и кирпича
ГИБКИЙ
КАМЕНЬ И
КИРПИЧ
Спроектировал и собрал продуктовый сайт производителя отделочных материалов: от первого знакомства с гибким камнем и кирпичом — до выбора фактуры, визуализации материала в проекте, расчёта стоимости и заявки.
N-DECKOR.RUTILDA / LIVE
01Общий обзор сайтаDesktop + mobile / overview
N-DECKOR.RU / WEBSITE OVERVIEWDESKTOP + MOBILE
01 / Задача
Показать материал не как образец, а как готовое решение для проекта.
У гибкого камня и кирпича много фактур, цветов и сценариев применения. Задача сайта — быстро объяснить продукт, помочь сравнить варианты и перевести выбор материала в понятный коммерческий сценарий.
Сделать большой каталог понятным
Разделить камень и кирпич, показать фактуры и оттенки и дать визуальный контекст для выбора.
Довести выбор до расчёта
Пользователь должен не просто смотреть образцы, а понимать примерный бюджет и следующий шаг.
02 / Подача продукта
Первый экран сразу соединяет продукт, цену и сценарии применения
Пользователь видит, что это материал от производителя, понимает базовую стоимость и сразу получает причины рассмотреть его для фасада или интерьера.
02Первый экран сайтаПродукт / цена / преимущества / CTA
HOME / FIRST SCREENPRODUCT OFFER
от 1 200 ₽/м²Цена обозначена до обращения и помогает пользователю быстро оценить уровень продукта.
Фасады и интерьерыМатериал показан не в одной нише, а в нескольких реальных сценариях применения.
Арки и колонныГибкость продукта становится не абстрактным свойством, а конкретным преимуществом.
Доставка по РоссииГеография сразу снимает вопрос, можно ли заказать материал за пределами Москвы.
Путь пользователя построен от идеи к готовому заказу
Сайт помогает сначала понять материал, затем выбрать тип и фактуру, увидеть его в контексте, рассчитать стоимость и только после этого перейти к точному расчёту.
01Материал→
02Фактура→
03Визуал→
04Площадь→
05Расчёт→
06Заявка→
03 / Каталог и дизайн
Каталог работает не как прайс-лист, а как инструмент выбора
Фактуры, реальные применения, визуальные сцены и адаптивная подача помогают перейти от абстрактного образца к пониманию того, как материал будет выглядеть на объекте.
03Каталог материаловКамень / кирпич / фактуры / артикулы
CATALOG / MATERIALSPRODUCT GRID
Большой ассортимент
Много фактур — без ощущения бесконечного списка
Каталог разделён по типам материала и собран в визуальную сетку. Пользователь может сравнивать оттенки, смотреть артикулы и переходить к более детальному выбору.
Гибкий камень
Гибкий кирпич
Фактуры и оттенки
Артикулы и варианты
ИИ-генерация каталога
Десятки фактур собраны в единую визуальную систему
Для каталога я выстроил процесс генерации изображений материалов: каждая позиция получает единый ракурс, фон и подачу — образец кладки плюс крупный план фактуры. Так большой ассортимент выглядит цельно и его проще масштабировать новыми артикулами.
Единый ракурс и фон
Образец кладки
Крупный план фактуры
Масштабируемое наполнение
04Генерация каталогаAI / единая подача / фактуры и образцы
AI CATALOG / GENERATIONCONTENT PIPELINE
Адаптивность
Большой каталог остаётся управляемым на телефоне
На небольшом экране сохраняются крупные карточки, понятный выбор категории и быстрый переход к расчёту — без необходимости рассматривать мелкие таблицы.
05Мобильная версияHero / catalog / calculator
RESPONSIVEMOBILE
06Реальные работыФасады / интерьеры / объекты клиентов
REAL PROJECTS / APPLICATIONSPROOF
04 / Калькулятор заказа
Пользователь может оценить бюджет ещё до разговора с менеджером
Мини-калькулятор превращает интерес к материалу в предметный запрос: достаточно выбрать тип материала, указать площадь, запас на подрезку и сценарий использования.
Выбирает тип материала
Гибкий камень или гибкий кирпич — расчёт начинается с конкретного продукта.
Указывает площадь
Площадь в м² становится основой предварительного коммерческого расчёта.
Добавляет запас
Можно учесть 0%, 5% или 10% на подрезку и тем самым приблизить расчёт к реальному заказу.
Получает ориентир по сумме
Калькулятор показывает стоимость и переводит пользователя к запросу точного расчёта.
07Калькулятор стоимостиМатериал / площадь / запас / итог
ORDER CALCULATORCONVERSION TOOL
05 / Реализация
Сайт соединяет каталог, контент и коммерческие инструменты.
Платформа
TildaZero BlockResponsiveCustom code
Каталог
StoneBrickTexturesVisual scenes
Инструменты
CalculatorLead formsCatalog downloadCTA
Контент
Product copyApplicationsGenerated visualsReviews / FAQ
Коммерция
Price anchorsDeliveryContractConsultation
SEO база
H1 / headingsProduct intentFAQRussia delivery
Архитектура позволяет расширять ассортимент, добавлять новые фактуры, визуальные сцены и отдельные продуктовые посадочные страницы без полной пересборки проекта.
Моя роль — собрать продуктовый сайт от структуры до визуального контента.
В проекте я связал дизайн, каталог, сценарии выбора, визуализацию материалов, калькулятор и сборку на Tilda в одну коммерческую систему.
01Анализ продукта и структуры
02Прототип и пользовательский путь
03UI / визуальная система
04Каталог и генерация визуалов
05Калькулятор стоимости
06Сборка, адаптив и SEO-база
06 / Результат
Получился сайт, который помогает не просто посмотреть материал, а выбрать его для конкретного проекта.
Фактуры подкреплены сценариями применения и визуальными сценами, поэтому клиенту проще представить итог.
Калькулятор даёт ориентир по бюджету и делает заявку более предметной ещё до общения с менеджером.
Ассортимент, визуальный каталог и контент можно расширять по мере роста продукта и спроса.
Нужен продуктовый сайт с каталогом и нестандартной логикой?
Спроектирую структуру, визуал и инструменты, которые помогают клиенту выбрать и купить.
N-DECKOR
