Клініка María Sydorchuk

Сайт клініки чотирма мовами, зокрема арабською справа наліво

Багатомовний маркетинговий сайт для клініки естетичної медицини в Картахені, Іспанія — створений, щоб об'єднати чотири мови, дві системи письма та один елегантний бренд. Смілива типографіка, слайдери до/після, та потік бронювання без тертя, що перетворює цікавість на запис.

Галузь: Медицина · Іспанія
Технології: Next.js 16 · Tailwind v4 · next-intl · Motion

Клініка María Sydorchuk — Десктопна Версія

У цифрах

Мови (ES/EN/UK/AR): 4
Категорій процедур: 14
Процедур з ціною: 50+
Mobile-First: 100%

Інтерактив

До і після — як на сайті клініки.

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

ДоПісля

↔

Потягніть, щоб порівняти

01 — Про Проєкт

Краса, що Говорить Всіма Мовами

Картахена — портове місто. Пацієнтки приїжджають з усього іспаномовного світу, з України, з Марокко. Клініці María Sydorchuk потрібен був сайт, що зустрічає кожну з них рідною мовою — включаючи повний досвід арабською, що читається справа наліво.

Ми спроєктували і запустили маркетинговий сайт на Next.js 16, що тихо робить важку роботу: маршрути з префіксом локалі, автоматичний арабський RTL з дзеркальними шевронами та логічними CSS-властивостями, кремово-бронзова палітра, надихнута інтер'єром клініки, та прозорий прайс, який ніхто більше в районі не наважується публікувати.

02 — Виклик

Запустити маркетинговий сайт, що обробляє чотири мови та два напрямки письма без відчуття перекладу — і перетворює відвідувачів на записаних пацієнток через одне поле Ім'я+Телефон, без чекауту, без тертя.

03 — Рішення

Next.js 16 з App Router, next-intl для маршрутів з префіксом, Tailwind v4 з логічними CSS-властивостями для чистого RTL, переходи сторінок на Motion, та hero з fade-slider'ом Embla з адаптивними наборами desktop/mobile. Смілива типографіка Manrope в парі з арабським Noto Naskh — одна мова дизайну для двох систем письма.

04 — Ключові Можливості

Створено для Конверсії

01
Чотири Мови, Дві Системи
Іспанська, англійська, українська та марокканська арабська. Сторінка елегантно перевертається в RTL з логічними CSS-властивостями — без другого дизайну, без паралельного коду.
02
Смілива Редакторська Типографіка
Manrope як основа, Noto Naskh для арабської, кремово-бронзова палітра з інтер'єру клініки. Важкі ваги, щедрі відступи, без клінічної стерильності.
03
Галерея До/Після
Реальні трансформації клієнтів у перетягуваному компаратор-слайдері — img-comparison-slider з кремово-бронзовою хромованою обгорткою, що пасує до решти сайту.
04
Прозорі Ціни
50+ процедур у 14 категоріях, кожна ціна опублікована в EUR. Жодного «запит ціни» на сайті — конкурентна перевага в естетичній медицині.
05
Hero на Embla
Fade-переходи з окремими наборами desktop (1920×1080) та mobile (750×1000), що перемикаються на брейкпоінті. Каруселі з wheel-жестами на картках головної.
06
Запис Без Форм
Ім'я + Телефон в один тап, без чекауту, без тертя. Смуга бронювання живе у футері та темній CTA-картці посеред сторінки — обидві конвертують у тиші.

05 — Скріншоти

Подивіться в Дії

Клініка María Sydorchuk — Мобільна Версія — Мобільна Версія

06 — Технології

Під Капотом

Сучасний стек Next.js 16 для контентних сайтів, що мають відчуватись преміально, завантажуватись миттєво та обслуговувати чотири локалі — включно з тією, що читається справа наліво. Логічні властивості Tailwind v4 роблять важку роботу; один stylesheet, дві системи письма, без зайвої дизайн-системи.

Next.js 16: App Router + i18n
Tailwind v4: Логічний CSS для RTL
next-intl: 4 локалі, маршрути з префіксом
Motion: Переходи + меню

Потрібен Багатомовний Сайт, Що Конвертує?

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

Зв'язатися →Усі Проєкти

Наступний проєктШІ · SaaS