Олексій Гриценко

╔════════════════════╗ ПРОЄКТ / КОНТЕКСТ ╚════════════════════╝

Компанія мала сайт із понад 200 сторінками, але більшість інформації була організована як довгий список товарів. Відвідувачі не розуміли, що виробник може не лише продати обладнання, а й виконати аудит, спроєктувати лінію, встановити її та забезпечувати сервіс.

Завданням було перетворити технічний каталог на корпоративну платформу для залучення B2B-заявок.

Що потрібно було вирішити

• розділити продукти, галузеві рішення та сервіс;
• зробити каталог зручним для технічних спеціалістів;
• показати досвід компанії через реалізовані проєкти;
• передавати заявки безпосередньо в CRM;
• зберегти пошукові адреси старого сайту;
• дати менеджерам можливість самостійно редагувати контент.

Реалізація

Я провів інтерв’ю з комерційним і технічним відділами, після чого створив нову карту сайту. Для обладнання, кейсів і сервісних напрямів були підготовлені окремі шаблони.

У каталозі реалізовано фільтрацію за:

типом обладнання · галуззю · технічними параметрами

Додатково створено:

• форму запиту комерційної пропозиції;
• форму консультації інженера;
• передачу заявок у CRM;
• мультимовність;
• структуровані SEO-поля;
• шаблони метаданих;
• правила редиректів;
• оптимізацію фото та відео.

⚙️ Технічне рішення

Frontend побудований на Next.js із серверним рендерингом ключових сторінок. WordPress використовується як CMS, а контент передається через API.

Для складних фільтрів застосована окрема модель даних, тому менеджерам не потрібно створювати десятки дубльованих сторінок вручну.

Результат

Компанія отримала єдину систему для презентації обладнання, сервісу та галузевої експертизи. Менеджери самостійно додають нові позиції й кейси, а заявки автоматично потрапляють до CRM із зазначеним напрямом інтересу.

З чого все почалося

Менеджери витрачали багато часу на первинні уточнення, тому що кожен клієнт описував перевезення у довільній формі.

Сайт містив загальний опис послуг, але не пояснював різницю між типами перевезень, митним супроводом і додатковими сервісами.

Я запропонував почати не з візуального редизайну, а зі сценарію відправника:

Що перевозиться? Між якими країнами? Які габарити й вага? Які документи вже підготовлені? Коли потрібна доставка?

На сайті з’явилися

→ сторінки окремих логістичних напрямів; → база типів вантажів; → калькулятор попереднього маршруту; → форма із прикріпленням специфікації; → блоки з митними обмеженнями; → сторінки реалізованих перевезень; → кабінет для редагування ставок і напрямів.

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

Особливий акцент

Якщо клієнт вказує неповні дані, система не втрачає заявку. Вона пояснює, чого бракує, і дозволяє повернутися до форми без повторного заповнення всіх полів.

Для менеджера передбачено просту CMS-форму без доступу до програмного коду.

✦ ─ ✦ ─ ✦

У підсумку сайт став першим етапом продажу. Команда отримала стандартизовані заявки, а клієнти — зрозумілий спосіб описати свій запит ще до розмови з менеджером.

Стан сайту до роботи

Проблема 01 — застаріла тема Сайт працював на старій темі WordPress із великою кількістю плагінів.

Проблема 02 — нестабільна мобільна версія Таблиці ламалися, блоки виходили за межі екрана, частина кнопок була недоступною.

Проблема 03 — SEO-ризик На сайті був архів житлових і комерційних проєктів із пошуковою історією. Повна зміна адрес могла призвести до втрати трафіку.

План робіт

1. Зібрав карту всіх URL.
2. Перевірив їхній статус у Search Console.
3. Визначив сторінки з органічним трафіком.
4. Проаналізував зовнішні посилання.
5. Перепроєктував структуру проєктів, новин і документів.
6. Створив нову тему з мінімальною кількістю залежностей.
7. Переніс контент і медіафайли.
8. Видалив дублікати.
9. Налаштував 301-редиректи.
10. Перевірив мобільні сценарії, форми та PDF-документи.

Новий шаблон сторінки проєкту

локація · статус будівництва · тип об’єкта · галерея · технічні характеристики · документи · карта · контактна форма

Це дозволило привести десятки різних сторінок до єдиного стандарту, не стираючи специфіку кожного об’єкта.

✅ Після міграції

• сайт став простішим для підтримки;
• команда отримала стабільну структуру;
• ключові SEO-адреси були збережені;
• нові проєкти додаються за готовим шаблоном;
• основні сторінки почали завантажуватися швидше.