Перейти к содержимому

САЙТЫ

PETIndustria

B2B каталог для производителя ПЭТ-упаковки из Челябинска. Next.js 16, scroll-driven видео, GSAP-анимации, 61+ товар.

bottle.aiohmygoodnes.ru
61+
Товаров
95+
Lighthouse
4
Категорий

ЗАДАЧА

Производитель ПЭТ-тары работал на устаревшем WordPress-сайте с шаблонным дизайном, нулевой SEO-видимостью и временем загрузки 5+ секунд. Конкуренты на Bitrix доминировали в поиске. Клиенту требовался B2B-каталог с 61+ товаром, который работает быстрее конкурентов и привлекает заявки.

ТРАНСФОРМАЦИЯ

Полная переработка от шаблонного WordPress до премиального Next.js-продукта

WordPress-шаблон

До нашей работы
Открыть
pet-industrial.ru
Старый сайт на WordPress
~35
Lighthouse
>5с
Загрузка
0
SEO
  • WordPress / шаблонный дизайн
  • 5-8 страниц без структуры
  • Нет 3D, анимаций и видео
  • Базовые мета-теги
  • Одна форма (email)
  • Без автотестов
  • FTP-деплой вручную
  • Без CRM-интеграции
  • Нет WCAG доступности
  • Загрузка > 5 секунд

Next.js 16 — Premium

Результат
Открыть
bottle.aiohmygoodnes.ru
Новый сайт на Next.js
95+
Lighthouse
<1.5с
Загрузка
607
Тестов
  • Уникальный код (Next.js 16 + React 19)
  • 16 страниц + 62 товара + 12 статей
  • 11 3D-компонентов + GLSL-шейдеры
  • 6 типов JSON-LD + 88 URL в sitemap
  • 4 формы (Telegram + Битрикс24 + Webhook)
  • 607 автотестов
  • Blue-Green деплой + авто-откат
  • Битрикс24 CRM + Telegram-бот
  • WCAG 2.1 AA + 152-ФЗ
  • Загрузка < 1.5 секунд

РЕШЕНИЕ

Разработали с нуля на Next.js 16 с React 19. Каталог с фильтрацией по категориям, scroll-driven WebM-видео на главной, 11 3D-компонентов с GLSL-шейдерами, GSAP-анимации, Lenis smooth scroll. SEO: 6 типов JSON-LD, 88 URL в sitemap, 301-редиректы с WordPress. Интеграция с Битрикс24 CRM и Telegram.

СКРИНШОТЫ ПРОЕКТА

РЕЗУЛЬТАТЫ

01Lighthouse 95+ по всем метрикам
02Первые позиции по целевым запросам за 2 месяца
03Время загрузки < 1.5с (было > 5с на WordPress)
04607 автотестов, чистый lint и build
056× ценности за вложенные средства

СТЕК ТЕХНОЛОГИЙ

Next.js 16React 19TypeScriptTailwind 4GSAPThree.jsGLSLLenisFramer Motion
2026·Next.jsGSAPTailwindB2B·Открыть сайт

Хотите такой же результат?

Расскажите о вашем проекте — покажем, как добиться измеримых результатов