UA
RU'%3e%3cpath%20d='M0%200v30h60V0z'%20fill='%23012169'/%3e%3cpath%20d='M0%200l60%2030m0-30L0%2030'%20stroke='%23fff'%20stroke-width='6'/%3e%3cpath%20d='M0%200l60%2030m0-30L0%2030'%20clip-path='url(%23t)'%20stroke='%23C8102E'%20stroke-width='4'/%3e%3cpath%20d='M30%200v30M0%2015h60'%20stroke='%23fff'%20stroke-width='10'/%3e%3cpath%20d='M30%200v30M0%2015h60'%20stroke='%23C8102E'%20stroke-width='6'/%3e%3c/g%3e%3c/svg%3e){kind=small}
EN
WebsiteРозробка сайтів
Сайт інтернет-магазину Zoozy Pet Food
Сайт бренду сирого сушеного корму для собак: каталог меню, пробників і ласощів, порівняння з сухим кормом, вартість на день і кабінет клієнта.
WebsiteРозробка сайтів74
Сайт-каталог шаф на замовлення
Багатосторінковий сайт виробника шаф на React: каталог із фільтрами, мегаменю, картки товарів, онлайн-розрахунок вартості й окрема мобільна версія.
Коротко про проєкт
- Клієнт
- Виробник шаф
- шафи-купе, розпашні й гардеробні на замовлення
- Технології
- React
- компонентна верстка, адаптив під усі екрани
- Сторінки
- 9 типів сторінок
- головна, каталог, підкатегорія, товар, про компанію, подарунки, комплектуючі, доставка, контакти
- Каталог
- Мегаменю + фільтри
- за стилем, розміром, бюджетом, матеріалом, кольором, кімнатою
- Заявки
- Розрахунок, ескіз, замірник
- форми на кожному екрані й онлайн-калькулятор
- Мобільна версія
- Окремі макети
- для всіх сторінок, а не просто стиснутий десктоп
Контекст і задача
Клієнт виготовляє шафи-купе, розпашні та гардеробні шафи за індивідуальними розмірами на власній фабриці. Йому потрібен був сайт, де покупець сам знаходить свою модель серед сотень варіантів, бачить ціну й одразу залишає заявку на розрахунок, ескіз або виїзд замірника.
Як будували сайт
Сайт зібраний на React з компонентів, які повторюються на всіх сторінках: шапка з мегаменю, картки шаф, форми заявки, блоки переваг і відгуків. Мегаменю розкриває каталог на три рівні — тип шафи, критерій і значення, — а сторінка каталогу дає ті самі фільтри кнопками: за формою, стилем, матеріалом, кімнатою, бюджетом, кольором чи кількістю дверей.
Структура сайту
- Головна: оффер «шафи на 5–15% дешевше за конкурентів», форма розрахунку й 4 ключові переваги на першому екрані.
- Каталог і підкатегорії з фільтрами та сіткою карток шаф.
- Картка товару: галерея з відео, ціна за погонний метр, варіанти фасадів, матеріалів і фурнітури.
- Блоки довіри: власне виробництво, відгуки, етапи роботи, FAQ і виклик замірника.
- Сторінки «Про компанію», «Подарунки», «Комплектуючі», «Доставка і збирання» та «Контакти».
- Окрема мобільна версія для кожної сторінки.
Як сайт продає
Кожна модель має кнопки «Розрахувати вартість» і «Замовити в 1 клік», а в картці товару видно ціну за погонний метр. Блок «Надішліть розрахунок іншої компанії й заощадьте до 15%» перехоплює клієнтів, які вже порівнюють пропозиції, а онлайн-калькулятор і кнопка «Надіслати ескіз» дають залишити заявку навіть без замірів.
Довіра й мобільна версія
Шафу на замовлення купують не щодня, тож сайт відповідає на сумніви ще до дзвінка: чому ціни нижчі, чи прописані строки в договорі, чи можна зробити 3D-проєкт, як працює передоплата. Етапи роботи показують шлях від консультації до збирання, а безкоштовний виїзд замірника знімає останній бар’єр. Для телефона зроблені окремі макети кожної сторінки, а не стиснутий десктоп.
Підсумок
Виробник отримав повноцінний сайт-каталог на React: покупець сам підбирає шафу за фільтрами, бачить ціну й залишає заявку в один клік — з телефона чи комп’ютера. Компонентна структура дозволяє додавати нові моделі й сторінки без переробки дизайну.
Головна сторінка повністю
Прокрутіть усередині вікна, щоб побачити головну сторінку від першого екрана до футера.
Потрібен сайт-каталог, який продає?
Розробимо сайт на React під ваш асортимент: каталог, фільтри, калькулятор, форми заявок і трекінг — і запустимо рекламу.
