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

Редизайн сайту естетичного центру FBS Beauty у Марбельї

До і після: комплексне оновлення чинного багатомовного WordPress-сайту — від застарілої подачі до сучасної системи сторінок, послуг і зрозумілої навігації.

WordPress + Elementor EN · ES · RU Marbella, Spain Редизайн + структура + SEO

Цей кейс показує редизайн сайту естетичного центру FBS Beauty у Марбельї. Потрібно було не просто оновити кольори та окремі блоки, а перебудувати головну сторінку, меню, подачу послуг, сторінки процедур, ціни, мобільну версію та внутрішню SEO-структуру багатомовного сайту.

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

3 мови Англійська, іспанська та російська версії сайту.
Реальний проєкт Редизайн виконано на чинному сайті без зупинки проєкту.
Система сторінок Головна, послуги, ціни, статті, квізи та контакти.
Збережено впізнаваність Логотип, зелена палітра, реальні фото та емоційне відео.
Вихідна ситуація

Редизайн сайту естетичного центру: завдання та вихідна ситуація

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

Слабка візуальна ієрархія

Заголовки, фотографії, форми й окремі секції не складалися в єдину сучасну систему.

Розрізнена подача послуг

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

Незручні комерційні сторінки

Сторінка цін і окремі послуги потребували нової структури, зрозумілих сценаріїв та адаптації під пошук і запис.

Перше враження

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

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

Головний екран FBS Beauty після редизайну
Головний екран FBS Beauty до редизайну
До Після
Пересувайте розділювач ліворуч і праворуч. Ліворуч — стара версія, праворуч — новий дизайн.
Головна сторінка

Головна сторінка FBS Beauty до і після редизайну

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

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

Нове меню та зрозуміла навігація за послугами

Оновлено пропорції шапки, перемикач мов, CTA та візуальну ієрархію. Для ключових процедур створено окреме випадаюче меню зі зрозумілими напрямами.

Меню сайту FBS Beauty до редизайну

Меню до редизайну

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

Нове меню сайту FBS Beauty після редизайну

Меню після редизайну

Світла дворівнева шапка, помітний запис, акуратні контакти та зрозумілий перемикач EN / ES / RU.

Випадне меню послуг FBS Beauty після редизайну

Нове випадаюче меню послуг

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

Подача послуг

Знайомі фотографії у новій системі карток

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

Блок послуг FBS Beauty до редизайну

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

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

Оновлений блок послуг FBS Beauty після редизайну

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

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

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

Редизайн сторінки Ultherapy

Структуру посилено під запит Ultherapy Marbella: перший екран, швидка відповідь, зони, ціни, відео, before/after, FAQ, внутрішні посилання, відгуки та фінальний запис.

Ultherapy / Ultraformer MPT До
Сторінка Ultherapy FBS Beauty до редизайну
До редизайну Корисна інформація вже була, але сторінка виглядала неоднорідно й не формувала єдиного преміального сценарію.
Ultherapy / Ultraformer MPT Після
Сторінка Ultherapy FBS Beauty після редизайну
Після редизайну Сторінка отримала єдиний стиль, зрозумілу послідовність блоків, акуратні ціни, FAQ, відгуки та сильний фінальний CTA.

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

Сторінка цін

Нова сторінка цін замість технічного списку процедур

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

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

Оновлений підвал, контакти та навігація

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

Підвал сайту FBS Beauty до редизайну

Підвал до редизайну

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

Підвал сайту FBS Beauty після редизайну

Підвал після редизайну

Контакти, розділи сайту, CTA та маршрут зібрані в єдину акуратну композицію зі зрозумілою ієрархією.

Підхід до редизайну

Що зберегли зі старого сайту

  • зберегли впізнаваний логотип і спокійну зелену палітру;
  • залишили емоційне відео на головній, але змінили його подачу;
  • повторно використали частину реальних фотографій і контенту;
  • перебудували навігацію, послуги, ціни та контактні сценарії;
  • створили єдину візуальну мову для головної та сторінок процедур;
  • адаптували структуру для EN, ES і RU версій.
Збережене відео у новому дизайні сайту FBS Beauty
Результат

Результат редизайну сайту FBS Beauty

Редизайн охопив не одну сторінку, а всю систему: перше враження, навігацію, комерційні блоки, послуги, ціни, контакти, багатомовність і подальшу SEO-структуру.

Сучасний образ бренду

Світла преміальна естетика стала відповідати рівню послуг і локації в Марбельї.

Зрозумілий шлях до процедури

Меню, картки напрямів, ціни та внутрішні посилання швидше ведуть до потрібної інформації.

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

Ключові процедури отримали повноцінну структуру з цінами, FAQ, відео, відгуками та записом.

Основа для зростання

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

Редизайн сайту під ключ

Ваш сайт працює, але вже виглядає слабше за сам бізнес?

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