WebsiteРазработка сайтов74

Сайт-каталог шкафов на заказ

Многостраничный сайт производителя шкафов на React: каталог с фильтрами, мегаменю, карточки товаров, онлайн-расчёт стоимости и отдельная мобильная версия.

Коротко о проекте

Клиент: Производитель шкафов; шкафы-купе, распашные и гардеробные на заказ
Технологии: React; компонентная вёрстка, адаптив под все экраны
Страницы: 9 типов страниц; главная, каталог, подкатегория, товар, о компании, подарки, комплектующие, доставка, контакты
Каталог: Мегаменю + фильтры; по стилю, размеру, бюджету, материалу, цвету, комнате
Заявки: Расчёт, эскиз, замерщик; формы на каждом экране и онлайн-калькулятор
Мобильная версия: Отдельные макеты; для всех страниц, а не просто сжатый десктоп

Контекст и задача

Клиент изготавливает шкафы-купе, распашные и гардеробные шкафы по индивидуальным размерам на собственной фабрике. Ему был нужен сайт, где покупатель сам находит свою модель среди сотен вариантов, видит цену и сразу оставляет заявку на расчёт, эскиз или выезд замерщика.

Сайт шкафов на заказ: первый экран — Скриншот 1 — первый экран

Как строили сайт

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

Сайт шкафов на заказ: мегаменю каталога — Скриншот 2 — мегаменю каталога

Структура сайта

Главная: оффер «шкафы на 5–15% дешевле конкурентов», форма расчёта и 4 ключевых преимущества на первом экране.
Каталог и подкатегории с фильтрами и сеткой карточек шкафов.
Карточка товара: галерея с видео, цена за погонный метр, варианты фасадов, материалов и фурнитуры.
Блоки доверия: собственное производство, отзывы, этапы работы, FAQ и вызов замерщика.
Страницы «О компании», «Подарки», «Комплектующие», «Доставка и сборка» и «Контакты».
Отдельная мобильная версия для каждой страницы.

Как сайт продаёт

У каждой модели есть кнопки «Рассчитать стоимость» и «Заказать в 1 клик», а в карточке товара видна цена за погонный метр. Блок «Пришлите нам расчёт другой компании и сэкономьте до 15%» перехватывает клиентов, которые уже сравнивают предложения, а онлайн-калькулятор и кнопка «Отправить эскиз» позволяют оставить заявку даже без замеров.

Сайт шкафов на заказ: популярные модели с фильтром — Скриншот 4 — популярные модели с фильтром

Скриншот 4 — популярные модели с фильтром

Доверие и мобильная версия

Шкаф на заказ покупают не каждый день, поэтому сайт отвечает на сомнения ещё до звонка: почему цены ниже, прописаны ли сроки в договоре, можно ли сделать 3D-проект, как работает предоплата. Этапы работы показывают путь от консультации до сборки, а бесплатный выезд замерщика снимает последний барьер. Для телефона сделаны отдельные макеты каждой страницы, а не сжатый десктоп.

Сайт шкафов на заказ: почему стоит работать с нами — Скриншот 7 — почему стоит работать с нами

Скриншот 7 — почему стоит работать с нами

Итог

Производитель получил полноценный сайт-каталог на React: покупатель сам подбирает шкаф по фильтрам, видит цену и оставляет заявку в один клик — с телефона или компьютера. Компонентная структура позволяет добавлять новые модели и страницы без переделки дизайна.