WordPress-лендінг зі швидкістю 92/100 Lighthouse та конверсіями

ROZAVILLA — лендінг, який конвертить трафік у заявки на штори під ключ
Сайт:https://rozavilla.com.ua/?utm_source=portfolio
Ніша: штори, ролети, римські штори, карнизи, blackout та dim-out
Гео: Львів, Хмельницький + онлайн по Україні
Моя роль: стратегія, концепція, UX/UI, копірайтинг, WordPress-розробка, інтеграції, технічна SEO, оптимізація швидкості, запуск Google Ads

Вхідний запит клієнта
«Потрібен сайт, який продає, а не просто показує картинки. Щоб люди залишали заявку і було зрозуміло, чому ми кращі за маркетплейси».

Основна проблема ринку
У цій ніші біль не “штори”, а страх помилки: купити, повісити, і отримати «коротко, криво, темно як у підвалі, хвилі не ті». Тому лендинг мав знімати тривожність і вести до простої дії — надіслати фото вікна і отримати рішення.

Що я зробила
1) Концепція та позиціонування
Я зібрала лендінг навколо ідеї:

«Штори, після яких вікно перестає дратувати»

Замість “ми шиємо штори” — акцент на результаті і на типових факапах, які клієнт хоче уникнути.

2) Логіка сторінки, яка продає
Структура побудована так, щоб людина впізнала себе, отримала довіру і не відкладала рішення:

Ситуації “це про мене” (новобудова, сонце будить о 5:20, сауна влітку, кіт рве тюль тощо)
Пояснення “що саме ви робите” по кімнатах (вітальня, спальня, кухня, дитяча)
Системи та рішення (день-ніч, рулонні, римські, blackout/dim-out, карнизи/електрокарнизи, штори під ключ)
Кейси з реальними проблемами і рішеннями
Чесне порівняння з маркетплейсами: коли окей купити готове, а коли це майже гарантовано виллється в переробку
Пакети цін (базовий, стандарт, преміум) — щоб зняти питання “скільки коштує”
Онлайн-консультація для будь-якого міста
FAQ + фінальна форма для дотиску
Ключова дія по всьому лендингу одна: відправити фото вікна.

Технічна реалізація та інтеграції
Лендінг зроблено на WordPress (GeneratePress) + кастомна дочірня тема з модульними секціями.

Що реалізовано руками:

ACF-поля для керування всім контентом без правок коду (секції, кейси, пакети, тексти, опції)
CF7-форми під сценарії: hero-форма, мобільна pop-up форма, фінальна форма
перемикач способу зв’язку Телефон / Telegram
можливість прикріпити фото вікна
Інтеграція з KeyCRM на сервері: заявки йдуть одразу в CRM (без “листів на пошту”)
Технічна SEO-база: meta description, robots.txt, sitemap.xml
Оптимізація під гео: параметр city (Львів / Хмельницький) для підстановок у контент/заголовки, і щоб не ловити дублікати — такі сторінки закриті від індексації
Оптимізація швидкості (Lighthouse)
Після оптимізації сторінка має такі показники:

Mobile

Performance 91
Accessibility 100
Best Practices 100
SEO 100
LCP 2.4 c, CLS 0, TBT 60 мс
Desktop

Performance 100
Accessibility 100
Best Practices 100
SEO 100
LCP 0.5 c, CLS 0, TBT 10 мс
Реклама: перші результати (1-й тиждень навчання кампаній)
Запустила Google Ads і вже на першому тижні (фаза навчання):

Хмельницький: конверсія в лід 5%
Львів: конверсія в лід 2%
Що цінного в цьому проєкті
Це не “зробила сайт”. Це повний цикл: від “хочу щоб продавав” до готового лендінгу з продуманою логікою, інтеграцією в CRM, швидкою роботою і першими конверсіями з реклами.

результат оптимізації після запусту 1 місяць


#WordPress #LandingPage #WebDevelopment #UXUI #WebDesign #Lighthouse #PageSpeed #PerformanceOptimization #SEO #GoogleAds #CRO #LeadGeneration #CRM #KeyCRM #ACF #ContactForm7 #GeneratePress #CaseStudy