Все кейсы

Кейс: сайт-магазин RollExpert на zhaluzi.com.kz

Автор: Чен Андрей Константинович•13 октября 2026 г.
Разработка сайтов
Кейс: сайт-магазин RollExpert на zhaluzi.com.kz

RollExpert с 2008 года производит в Алматы металлические заборы и прозрачные рольставни из поликарбоната, а также поставляет и монтирует ворота, перголы и маркизы. Своя команда монтажа, дилеры по всему Казахстану. После переноса основного сайта rollexpert.kz компания доверила нам и второй — zhaluzi.com.kz.

Открыть сайт zhaluzi.com.kz →

Задача

На домене работал старый PHP-магазин: в заголовках и описаниях товаров был мусор, тексты — сырые. Заказчик хотел «сразу магазин»: чтобы с первого экрана были видны каталог и цены, а клиент мог сам посчитать забор и отправить заявку. Старые адреса нужно было сохранить.

Что сделали

  • Главная по ТЗ «сразу магазин»: слайдер и рядом каталог с ценами «от», ниже пять разделов — рольставни, заборы, ворота, перголы, маркизы.
  • Карточка товара: тёмный первый экран с галереей и свайпом, описание блоками, «Как заказать», соседние модели и частые вопросы.
  • Калькулятор заборов (Эко, Твин, Планкен, евроштакетник): рисует пролёт в масштабе, считает смету и сразу отправляет заявку. Расчёт сверен тестами по реальным сметам.
  • Разделы «Наши работы» с фильтром, «Услуги», «Дилерам», «Контакты» с картой шоу-рума и блог.
  • Перенесли со старого сайта 45 страниц, 72 статьи и фото, почистили и переписали тексты товаров.
  • 113 старых адресов ведут 301-редиректом на новые.
  • Админка «Студия»: товары, разделы, цены калькулятора с проверочным пролётом, статьи, страницы, вопросы, заявки, медиатека.
  • Заявки сохраняются в базе и уходят лидами в Битрикс24 компании с отдельным источником — видно, что клиент пришёл именно с этого сайта.
  • SEO-основа: метатеги, sitemap, robots.txt, разметка schema.org (HomeAndConstructionBusiness, Product, Offer, Article, BreadcrumbList).
  • GA4 с событиями заявки, звонка и WhatsApp; домен подтверждён в Search Console.
  • Скорость: фото в WebP, карта Яндекса на телефоне грузится только по нажатию, лёгкие анимации для плавной прокрутки на iPhone.

Цифры проекта

  • 110 страниц в карте сайта: 5 разделов и 21 товар, 72 статьи.
  • Lighthouse — 100 по доступности, практикам и SEO на главной, в карточке и в контактах; LCP 0,36 с на мобильном с замедлением процессора.
  • 42 автотеста, в том числе на расчёт калькулятора.

Технологии

Next.js 16, React 19, PostgreSQL, редактор TipTap. Собственный VPS: nginx, pm2, ночные копии базы и медиатеки.