8 (800) 101-36-60

Как мы создали сайт для премиум-производителя дверей KAPUNOV

Объединили два устаревших сайта в одну платформу с удобным каталогом и смарт-фильтром

год

2025

клиент

Изображение

Содержание

Описание проекта

KAPUNOV — производитель дверей и интерьерных решений премиум-класса. Продукция компании используется в частных резиденциях и элитных жилых проектах, а среди партнёров бренда — ведущие дизайнеры интерьеров и архитекторы. Проект охватывал полный цикл работ — от аналитики и проектирования структуры до разработки и запуска сайта на WordPress с кастомной темой.

Проблемы

С чем пришел к нам клиент

Два сайта — двойная путаница

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

Устаревший дизайн

    Сайты выглядели как 10 лет назад. Для премиум-сегмента это критично — первое впечатление решает, купит человек или уйдёт к конкурентам

Каталог без фильтров

    В каталоге больше 200 позиций. Без нормальной фильтрации найти нужную дверь — как искать иголку в стоге сена. Дизайнеры жаловались, что не могут подобрать товар по параметрам

Изображение
Этап 1. Аналитика

Подготовка и анализ (2 недели)

Провели серию встреч с командой клиента:
  • С менеджерами по продажам — узнали, какие вопросы чаще всего задают клиенты, что мешает быстро обрабатывать заявки

  • С маркетологом — выяснили, какие каналы привлечения работают, какие сегменты аудитории приоритетны

  • С руководством — определили стратегические цели бизнеса и ожидания от нового сайта

Результат этапа: Сформировали техническое задание с чёткими требованиями к функционалу, дизайну и структуре

Изображение
Этап 2. Проектирование

Сбор и структурирование контента (3 недели)

Мы создали единую базу данных в Google Sheets, где каждый товар получил:
  1. Название модели

  2. Категорию (межкомнатные, входные, скрытые и т.д.)

  3. Стиль (классика, модерн, минимализм, лофт)

  4. Цвет

  5. Материал

  6. Размеры

  7. Тип открывания

  8. Комплектацию

  9. Цвет

  10. Фотографии (от 3 до 7 на товар)

Проблема, с которой столкнулись:
  • У многих товаров не хватало качественных фотографий. Для премиум-продукта это недопустимо

Как решили:
  • Договорились с клиентом о профессиональной съёмке. Фотограф выехал на производство и в шоурум, отснял все модели в высоком качестве

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

Изображение
Этап 3 — Дизайн

Начали с прототипирования — создали чёрно-белые схемы всех страниц сайта. Никаких украшений, только логика и структура

Основные страницы:
  • Главная — знакомство с брендом, УТП, призыв к действию

  • Каталог — список всех товаров с фильтрами

  • Карточка товара — детальное описание, фото, характеристики, форма заказа

  • О компании — история, производство, преимущества

  • Партнёрам — информация для дилеров

  • Контакты — адреса, телефоны, форма обратной связи

Результат этапа: Утверждённый дизайн-макет в Figma. Клиент сказал: "Вот это именно то, что я хотел!"

Этап 4 — Разработка

Ключевые моменты разработки

Скорость загрузки
  • Оптимизировали все изображения. Сжали без потери качества, использовали современные форматы WebP. Почистили код, подключили кэширование и CDN. Результат сайт загружается за 2-3 секунды даже с большим количеством фото

Мобильная адаптация
  • Тестировали на всех устройствах: iPhone разных моделей, Samsung, iPad, Android-планшеты, ноутбуки с разными разрешениями

Система управления контентом
  1. Добавлять новые товары через форму (загрузить фото, заполнить характеристики)

  2. Редактировать существующие карточки

  3. Управлять ценами

  4. Публиковать новости и статьи

  5. Отслеживать заявки​

Результат этапа: Рабочий сайт на тестовом сервере, готовый к финальному этапу

Этап 4 — Смарт-фильтр

Как работает фильтр:

Что вошло в ТЗ
  1. Описание всех интерактивных элементов

  2. Пошаговая раскадровка анимаций

  3. Адаптив под все устройства: описали, как блоки перестраиваются на планшетах и смартфонах

  4. Требования к CMS на WordPress — какие блоки команда REDIN сможет редактировать самостоятельно

Результат этапа: Полнофункциональный каталог с интуитивным поиском, который ускоряет путь клиента к заявке

Итоги проекта

Что изменилось в итоге

Что получила компания KAPUNOV:
  1. Единая платформа

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

  2. Удобный каталог

    Смарт-фильтр по параметрам помогает находить нужный товар за 2–3 минуты вместо 20–30. Дизайнеры подчёркивают: «Наконец-то можно нормально подбирать двери под проект!»

  3. Мобильная версия

    Полная адаптация под все устройства. Процент отказов с телефонов снизился с 70% до 35%. Время на сайте с мобильных выросло в 2,5 раза.​

  4. Разгрузка менеджеров

    Количество звонков с простыми вопросами снизилось на 40%. Клиенты стали самостоятельно находить информацию через фильтр. Менеджеры теперь работают с серьёзными запросами

  5. Премиум-имидж

    Дизайн сайта транслирует качество и статус бренда. Клиенты в отзывах отмечают: «Сайт выглядит дорого, сразу видно серьёзную компанию».

  6. Рост конверсии

    Конверсия сайта в заявку выросла с 1,2% до 3,8%. Это значит, что из 100 посетителей теперь оставляют заявку почти 4 человека вместо 1.​

подобрали для вас

Больше кейсов
Масштабирование процесса
Готовы
масштабировать
ваш бизнес?

Расскажите нам о своей задаче и мы свяжемся с вами в течение двух часов

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