Кейс STARK · редизайн чинного сайту

Редизайн сайту центру лазерної косметології LCC в Одесі

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

WordPress + Elementor RU / UA SEO-структура Посадкові під рекламу Telegram GA4
Редизайн сайту центру лазерної косметології LCC в Одесі
Оновлений сайт LCC Переглянути сайт ↗

Вихідна ситуація

Сайт уже працював — завданням було посилити його як єдину систему

На LCC уже були послуги, контент і чинні сторінки. Проте окремі розділи створювалися в різний час і відрізнялися за візуальною подачею, структурою та логікою взаємодії. Перед подальшим просуванням потрібно було не просто освіжити дизайн, а об’єднати сайт в цілісну систему й зробити ключові сторінки зрозумілішими для відвідувачів із пошуку, реклами та соціальних мереж.

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

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

Глобальна навігація

Шапка стала компактнішою та зрозумілішою на всьому сайті

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

Шапка сайту LCC до редизайну

До: попередня шапка та навігація.

Нова компактна шапка сайту LCC після редизайну
Відкрите меню послуг LCC після редизайну

Після: компактна шапка + повноцінне меню послуг.

Головна сторінка

Головна стала зрозумілою точкою входу в усі напрямки LCC

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

Головна до редизайну До
Головна сторінка LCC до редизайну
Головна після редизайну Після
Головна сторінка LCC після редизайну
Чіткіше позиціонування Користувач швидше розуміє напрямки центру та наступний крок.
Єдина візуальна система Картки, кнопки, типографіка й секції більше не виглядають як елементи різних сайтів.
Більше довіри Спеціалісти, обладнання та реальні переваги вбудовані в логіку сторінки.
Шлях до звернення Кнопки й контактні дії розподілені по сторінці без нав’язливості.

Сторінки послуг

Не один шаблон для всіх процедур, а окрема логіка під кожну послугу

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

Лазерна епіляція

Посадкова сторінка під рекламу та органічний пошук

MeDioStar NeXT Pro ціни та зони спеціаліст FAQ CTA

Сторінку перебудували так, щоб відвідувач із реклами, соціальних мереж або пошуку одразу розумів послугу, обладнання, вартість і наступний крок. У структурі з’явилися зони, ціни, переваги, інформація про спеціаліста, відповіді на часті запитання та зрозумілі способи запису.

Лазерна епіляція До
Сторінка лазерної епіляції LCC до редизайну
Лазерна епіляція Після
Сторінка лазерної епіляції LCC після редизайну

VelaShape

Від звичайного опису — до повноцінної сторінки корекції фігури

корекція фігури зони технологія ціни

Для VelaShape сформували самостійний комерційний сценарій: пояснили призначення процедури, показали технологію, зони, переваги й вартість, зберігши загальну систему сайту. Сторінка стала зрозумілішою для користувача, який шукає саме корекцію фігури.

VelaShape До
Сторінка VelaShape LCC до редизайну
VelaShape Після
Сторінка VelaShape LCC після редизайну

Карбоновий пілінг

Зрозуміла презентація процедури, технології та сценарію запису

Q-Switched Nd:YAG етапи FAQ відео

Для карбонового пілінгу посилили пояснювальну частину: відвідувачу простіше зрозуміти суть процедури, технологію, етапи та важливі нюанси. Інформаційні блоки пов’язали з ціною, FAQ, відео й записом, щоб сторінка одночасно працювала як комерційна посадкова та корисна відповідь на пошуковий запит.

Карбоновий пілінг До
Сторінка карбонового пілінгу LCC до редизайну
Карбоновий пілінг Після
Сторінка карбонового пілінгу LCC після редизайну

Прокол мочки вуха

Навіть невелика послуга отримала повноцінну структуру

Studex System 75 порівняння методів ціна FAQ

Сторінка відповідає на реальні запитання перед записом: як проходить процедура, чим Studex System 75 відрізняється від звичайного пістолета, що входить у вартість і чого очікувати після проколу. Це приклад того, як структура визначається не розміром послуги, а кількістю питань, які потрібно закрити перед рішенням.

Прокол мочки вуха До
Сторінка проколу мочки вуха LCC до редизайну
Прокол мочки вуха Після
Сторінка проколу мочки вуха LCC після редизайну

Звернення та аналітика

Після редизайну сайт став зручнішим не лише відвідувачу, а й власнику

Окрім інтерфейсу для клієнтів, опрацювали внутрішні сценарії: нові форми передають звернення в Telegram, а основні показники сайту можна швидко переглянути в окремому зрозумілому звіті без постійного пошуку потрібних даних усередині аналітики.

Зведений звіт аналітики сайту LCC

Зрозуміла аналітика

Основні показники — на одному екрані

Відвідувачі, сеанси, перегляди, кліки для зв’язку, перегляди вартості, Telegram, дзвінки, джерела переходів і популярні сторінки зібрані в компактному звіті. Власнику не потрібно щоразу розбиратися в десятках розділів аналітичної системи.

Форми та Telegram

Звернення одразу потрапляє туди, де його побачать

Старі форми замінили на нові, оформлені в загальній стилістиці сайту. Дані з форми передаються в Telegram-бот, тому заявку можна побачити й опрацювати швидше, не заходячи щоразу в адміністративну частину WordPress.

Форма Відвідувач залишає звернення на сторінці послуги.
Telegram Заявка одразу передається відповідальному спеціалісту.
1. Відвідувач Приходить із пошуку, реклами або соціальних мереж.
2. Сторінка послуги Отримує ціну, аргументи, відповіді та зрозумілий наступний крок.
3. Контакт Форма, Telegram або дзвінок фіксуються як окремі дії.
4. Аналітика Власник бачить, які джерела й сторінки приводять звернення.

Швидкість і технічна оптимізація

Сайт став не лише сучаснішим, а й швидшим

Редизайн супроводжувався технічною оптимізацією: опрацьовували завантаження сторінок, зображення, кешування та загальну продуктивність. На момент контрольної перевірки мобільної версії PageSpeed Insights сайт показав високі результати.

PageSpeed Insights сайту LCC після оптимізації швидкості

PageSpeed Insights · мобільні пристрої

Високі показники після оптимізації

97 Продуктивність
92 Доступність
100 Рекомендації
100 SEO

Це не «разова цифра заради скриншота», а частина загального підходу: новий дизайн не повинен робити сайт важчим. Тому візуальні зміни поєднували з роботою над продуктивністю та технічною якістю сторінок.

Власні технічні рішення

Для проєкту розробили окремі плагіни STARK

Коли стандартних можливостей зв’язки WordPress, TablePress, Rank Math і Polylang було недостатньо, потрібну логіку винесли у власні невеликі плагіни. Так критичні функції не залежать від ручних правок після кожного оновлення сторінки.

Плагіни STARK для сайту LCC

LCC Prices Manager

Керує RU/UA сторінкою цін LCC на базі таблиць TablePress і виводить дані через окремий шорткод. Це спрощує оновлення вартості та допомагає підтримувати єдине джерело даних для двох мовних версій.

LCC Rank Math + Polylang Fix

Виправляє canonical, Open Graph URL і URL у WebPage Schema на перекладених головних сторінках при спільній роботі Rank Math і Polylang. Це технічна доробка, яка усуває некоректні SEO-посилання в мультимовній структурі.

SEO + реклама

Редизайн сайту центру лазерної косметології проєктувався разом зі структурою просування

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

Пошуковий намір Контент відповідає на питання людини, яка шукає конкретну процедуру.
Рекламний трафік Ключова інформація та CTA доступні без необхідності вивчати весь сайт.
UA / RU Мовні версії перевіряються як самостійні сторінки, а не механічні копії.
Вимірювані дії Telegram, дзвінки, переходи за маршрутом та інші контакти можна аналізувати окремо.

Результат

Замість набору окремих сторінок — єдина цифрова система LCC

Редизайн охопив не лише зовнішній вигляд. Головна, послуги, шапка, форми, ціни, мультимовність, SEO, аналітика та технічна оптимізація стали пов’язаними частинами одного сайту, який можна далі розвивати під нові послуги, рекламу й органічний пошук.

Єдиний дизайн Головна та ключові послуги отримали спільну візуальну систему.
Сильні посадкові Кожна процедура отримала структуру під свій користувацький запит.
Зручні звернення Форми й контактні сценарії пов’язані з Telegram та аналітикою.
Основа для зростання Сайт готовий до подальшого SEO, реклами, нових послуг і контенту.

Потрібен редизайн?

Сайт уже працює, але перестав відповідати рівню бізнесу?

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

Переглянути послугу редизайну