Задача
Сайт клініки виглядав застаріло: шаблонна тема WordPress на непідтримуваній версії PHP, довга сторінка з прокруткою і блог із трьома записами 2021 року. Клініка хотіла сучасний компактний сайт з актуальними лікарями, цінами й живими фото — і щоб команда могла сама змінювати вміст, без розробника.
Рішення
Переглянули сайти стоматологій в Україні й у світі та показали два концепти — класичний преміальний і вертикальний «як у TikTok». Клініка обрала другий. Головна — це 10 екранів: послуги, ціни, роботи «до/після», атмосфера, цифри, акція, лікарі, контакти. Один жест — один екран: свайп на телефоні, колесо чи тачпад на ноутбуці; кожен екран вміщується повністю, а запис і дзвінок доступні з будь-якого.
Як зроблено
React і Vite, стрічка на Swiper, статична збірка: перший екран показується одразу, решта підвантажується поступово. Фото робіт, галереї й лікарів — у сучасних форматах AVIF/WebP під розмір екрана. Власна адмінка: лікарі, послуги, прайс, галерея, цифри, акція, тексти й контакти — команда редагує сама й публікує однією кнопкою. 18 пар фото «до/після» вирівняні одна до одної, з повзунком порівняння і окремою сторінкою «Усі роботи».
Результат
Свайп іде на 60 кадрах за секунду, у тестах на iPhone і Android 100 % свайпів спрацьовують з першого разу. Lighthouse: мобільна версія 60 → 84, комп’ютер 93–95. Перевірено на телефонах, планшетах і ноутбуках у Chromium, Firefox і Safari. Заявки зберігаються в адмінці й приходять у Telegram адміністраторам, з повторною доставкою. Сайт і адмінка працюють у хмарному акаунті самої клініки, на її домені.
Старт співпраці