Безпечний редизайн зі збереженням SEO-позицій
Повний аудит вихідного сайту, збереження структури URL, налаштування точкових 301-редиректів та розмітки LocalBusiness без просідання позицій у Google.
BARBERSHOP REDESIGN // SEO & BOOKING INTEGRATION
Barber Hottabych — сайт для барбершопу у Києві
Комплексний редизайн застарілого сайту київського барбершопу: тримовна локалізація (UA / EN / RU), збереження органічних SEO-позицій, інтерактивний прайс із градацією майстрів, кастомний легкий модуль магазину без WooCommerce, повний брендинг віджета Altegio та зростання лідів у 10 разів.
01 // THE CHALLENGE
Застарілий сайт, ризик втрати SEO-трафіку та потреба в сучасній системі запису
Барбершоп мав старий, морально та технічно застарілий сайт, який більше не відповідав рівню сервісу й гальмував бізнес-показники. Головною загрозою редизайну був високий ризик втрати напрацьованих роками позицій у локальній пошуковій видачі Google (Київ, райони Теремки, Іподром, ВДНГ), які давали постійний потік клієнтів.
Перед командою Fullpage стояло комплексне завдання: оновити візуальну ідентичність, розгорнути тримовну структуру сайту (UA, EN, RU) з бездоганною hreflang-розміткою для залучення як киян, так і експатів, перенести та зберегти всю вихідну SEO-структуру з повною картою 301-редиректів, створити інтерактивний прайс-лист із різними рівнями барберів, впровадити кастомний швидкий магазин чоловічої косметики без WooCommerce, а також безшовно інтегрувати та брендувати віджет CRM Altegio.
СТРАТЕГІЧНІ ЦІЛІ
Тримовна архітектура та інтерактивний прайс
Повноцінна тримовна локалізація (UA / EN / RU) для охоплення всієї аудиторії столиці та динамічний прайс із градацією цін за кваліфікацією барберів.
Легкий магазин косметики та брендинг Altegio
Розробка власного швидкого модуля продажу стайлінгу на WordPress без громіздкого WooCommerce та повна візуальна кастомізація віджета Altegio.
02 // ARCHITECTURE & ENGINE
Легка модульна архітектура WordPress та глибока кастомізація Altegio
Для збереження максимальної швидкодії на класичному серверному оточенні (без використання LiteSpeed) ми відмовилися від важких плагінів та універсальних e-commerce комбайнів. Тримовність сайту (UA / EN / RU) була реалізована через чисту архітектуру без уповільнення генерації сторінок, із коректною генерацією hreflang-тегів та канонічних посилань для кожної мовної гілки.
Замість громіздкого WooCommerce, який створює надмірне навантаження на базу даних та сервер, для розділу косметики було розроблено кастомний легкий модуль на нативних типах записів WordPress. Асинхронне підключення CRM Altegio та її повний візуальний брендинг забезпечили єдиний стиль і миттєвий відгук інтерфейсу.
ТЕХНОЛОГІЧНИЙ СТЕК
Custom WordPress Architecture
CORE CMS
Trilingual Engine (UA / EN / RU)
MULTILINGUAL
Custom Niche Shop Engine (No WooCommerce)
E-COMMERCE
Altegio API & Full Custom Branded Flow
CRM BOOKING
301 SEO Migration & Schema LocalBusiness
LOCAL SEO
Interactive Tiered Pricing JS Engine
PRICING MODULE
Standard Server Optimization (Nginx & PHP-FPM)
PERFORMANCE
03 // FUNCTIONAL SPOTLIGHT
Інтерактивний прайс-лист та багаторівневий вибір майстра
Ключовим конверсійним ядром сайту став гнучкий інтерактивний прайс-лист. Користувач може миттєво перемикатися між послугами (стрижки, борода, комбо-сети, дитячі сети) та бачити прозору вартість залежно від категорії майстра — від молодшого барбера до шеф-барбера.
01
Динамічне перемикання категорій послуг
Миттєва фільтрація за напрямками без перезавантаження сторінки з точним описом кожної процедури та тривалості сеансу.
02
Градація вартості за рівнем барбера
Прозоре відображення цін відповідно до рангу спеціаліста, що допомагає клієнту швидко визначитися з бюджетом і форматом візиту.
03
Брендований перехід у віджет онлайн-запису
Пряма передача обраної послуги у брендовану форму Altegio в один клік без необхідності повторного ручного пошуку.
04 // DESIGN SYSTEM & ART DIRECTION
Темна крафтова атмосфера чоловічого клубу
Візуальна концепція підкреслює атмосферу класичного барбершопу: глибокий темно-вугільний фон, теплий відтінок вінтажної латуні та приглушені теракотові акценти. Контрастний плакатний шрифт для заголовків транслює характер та брутальність, а чиста типографіка Inter робить читання прайсу й описів легким на будь-якому пристрої.
ШРИФТОВИЙ АРКУШ (TYPOGRAPHY)
Aa Bb Cc
The quick brown fox jumps
КОЛІРНА ПАЛІТРА (COLOR CODE)
#121212
Barbershop Deep Black
#1E1E1E
Dark Charcoal Surface
#C59B63
Vintage Warm Brass
#A35C3E
Craft Terracotta Accent
#FFFFFF
Pure White Text
05 // RESPONSIVE EXPERIENCE
Мобільний інтерфейс для запису за 15 секунд
Понад 85% запитів до барбершопу відбуваються зі смартфонів. Нижнє закріплене меню швидкого запису, великі кнопки та блискавична робота віджета дають змогу клієнту забронювати час навіть під час руху.
07 // DELIVERABLES
Реалізований обсяг робіт
- Повний редизайн інтерфейсу в преміальній темній естетиці
- Впровадження тримовної структури (UA, EN, RU) з ізольованими URL та тегами hreflang
- Аудит і повне збереження SEO-позицій та органічного трафіку (карта 301-редиректів)
- Розробка інтерактивного прайс-листа з різними рівнями майстрів
- Створення легкого кастомного модуля магазину косметики на WordPress без WooCommerce
- Глибока інтеграція з Altegio та повний кастомний брендинг CRM-віджета
- Комплексна оптимізація продуктивності під стандартні сервери (Nginx/PHP-FPM)
- Розгортання мікророзмітки Schema.org LocalBusiness для локального ранжування
ПІДТВЕРДЖЕНІ ПОКАЗНИКИ
x10
Ріст онлайн-записів та лідів
3 мови
Мультимовність (UA / EN / RU)
100%
Збереження органічного SEO-трафіку
15 с
Час вибору послуги та запису
FAQ // ДЕТАЛІ РОЗРОБКИ
Часті питання щодо реалізації проєкту
Як реалізовано тримовність (UA, EN, RU) без втрати швидкості та SEO?
Сайт отримав чисту структуру мовних гілок з окремими URL для кожної мови, повною розміткою hreflang та адаптованим перекладом усіх послуг, прайсу й описів майстрів. Відмова від перевантажених сторонніх плагінів перекладу зберегла блискавичну швидкість генерації сторінок.
Як вдалося зберегти SEO-позиції старого сайту під час повного редизайну?
Перед запуском нового дизайну було проведено детальний аудит усіх сторінок і ключових слів, за якими барбершоп ранжувався в Google. Ми повністю зберегли логіку URL, перенесли метадані, налаштували посторінкові 301-редиректи та оновили мікророзмітку LocalBusiness. Це не лише зберегло трафік, але й дало поштовх до зростання позицій за рахунок вищої швидкості та кращих поведінкових факторів.
Чому для продажу косметики створили кастомний модуль замість WooCommerce?
WooCommerce — це потужна, але важка система з десятками зайвих таблиць і скриптів, які суттєво сповільнюють сайт послуг. Для барбершопу потрібна була компактна вітрина чоловічої косметики та засобів стайлінгу з швидким оформленням. Кастомний модуль на нативному коді WordPress вирішив це завдання без жодного падіння швидкодії.
Що означає повний брендинг віджета онлайн-запису Altegio?
Зазвичай стандартний віджет сторонньої CRM виглядає чужорідним блоком на сайті. Ми повністю кастомізували його стиль відповідно до дизайн-коду Barber Hottabych: фірмові кольори, шрифти, кнопки та логіку відображення. Клієнт сприймає онлайн-запис як єдину органічну частину сайту.
Як інтерактивний прайс із різними рівнями майстрів вплинув на конверсію?
Прозора система вибору рангу майстра (барбер, топ-барбер, шеф-барбер) зняла невизначеність щодо вартості послуг. Клієнти бачать різницю в ціні та кваліфікації одразу на сайті, що усунуло сумніви та забезпечило зростання кількості заявок у 10 разів.
Маєте нестандартну задачу або питання?
Напишіть нам у Telegram — технічний директор відповість протягом 15 хвилин.
НОВИЙ ПРОЄКТ РАЗОМ З FULLPAGE
Готові масштабувати ваш бізнес за допомогою бездоганного digital-продукту?
Проаналізуємо ваші цілі, розробимо технічну архітектуру та зафіксуємо точний кошторис у договорі за 24 години.
НАСТУПНІ КЕЙСИ
