Назад до кейсів Кейс • корпоративний сайт 21 день

Gusar Electric — сайт, який збирає заявки та проходить CWV.

Перезібрали структуру під конверсію, зробили дизайн/верстку, технічне SEO, швидкість та інтеграції. Результат — стабільні заявки з органіки та реклами.

Подивитися результат Хочу так само

98/100

PageSpeed моб/деск (плейсхолдер).

+40%

Зростання конверсії з форм (плейсхолдер).

SEO база

Структура, schema, мета, індексація.

WordPress

CMS

GA4

аналітика

GTM

події/цілі

preview / case

Клієнт

Інжиніринг / електромонтаж

Що зробили

Структура, дизайн, верстка, SEO-база, оптимізація, інтеграції, запуск.

Готово до реклами

audit → build → launch

Акцент на довірі та CTA

Менше “води” — більше заявки.

Огляд проєкту

Завдання: оновити позиціонування, зробити зрозумілу структуру послуг, підсилити довіру (кейси/переваги), налаштувати аналітику та підготувати сайт під SEO + рекламу.

UI/UX Верстка Технічне SEO CWV GA4/GTM

Ніша

Електромонтаж / інжиніринг

Географія

Україна

Термін

~21 день

Фокус

Заявки + швидкість

Виклик

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

UX

Нечітка структура

Користувач не розумів “що далі”: послуги, кейси, CTA були розкидані.

CWV

Повільні сторінки

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

SEO

Недостатня SEO-база

Структура заголовків, мета, внутрішні зв’язки та schema — потребували порядку.

Рішення

Зібрали “конверсійну систему”: оффер → довіра → кейси → CTA → аналітика та оптимізація.

Структура та контент

коротко, по суті, з акцентом на довіру

Перезібрали оффер та блоки вигод
Додали “докази”: кейси, процес, гарантії
CTA у правильних місцях + короткі форми
Уніфікована візуальна система (типографіка/кнопки)

Технічна частина

швидкість, SEO, аналітика та надійність

Оптимізація зображень + lazy-load
Технічне SEO: заголовки, мета, schema
GA4 + GTM: події, конверсії, цілі
Базовий hardening + кешування (плейсхолдер)

Процес

Та сама прозора схема, але як виконувалось саме в цьому кейсі.

01

Аналіз

Оффер, конкурентні приклади, карта сторінок, CTA.

План робіт

02

Дизайн

Сітка, типографіка, компоненти, мікроанімації.

Довіра + акценти

03

Розробка

Верстка, інтеграції, оптимізація, технічне SEO.

Швидкість

04

Запуск

Перевірка, індексація, захист, навчання.

Готово до реклами

Екрани

Клікніть на картку — відкриється превʼю в модалці.

6 екранів (плейсхолдер)

замініть на реальні скріни

Технології та інтеграції

Що використали в цьому кейсі (замініть на фактичний стек).

WordPress ACF Tailwind GA4 GTM Schema

Frontend

• Компонентна верстка
• Анімації / micro-interactions
• Оптимізація зображень

CMS

• Шаблони під сторінки
• ACF поля під контент
• Зручне редагування

Аналітика

• GA4 події
• GTM теги/тригери
• Конверсії / цілі

Результат

Показники нижче — приклад оформлення. Підставте свої реальні цифри “до/після”.

CWV

Швидкість

Плейсхолдер: 98/100 + стабільні метрики.

98/100

PageSpeed (mobile)

Конверсія

Плейсхолдер: зростання заявок завдяки структурі та CTA.

+40%

Форми / дзвінки

SEO база

Структура, schema, перелінковка, технічні правки.

+N%

Органіка (плейсхолдер)

До / Після (приклад)

Заміни значення на свої реальні цифри.

Порівняння

Метрика	До	Після	Коментар
LCP	3.8s	1.9s	Оптимізація медіа + кеш
CLS	0.21	0.03	Фіксація розмірів блоків
Конверсія	1.6%	2.3%	CTA + довіра + форма
Органічний трафік	—	+N%	Технічне SEO + структура