Редизайн сайту для медичного центру PlusMed
Поділитися з AI:
PlusMed — медичний центр в Ужгороді, що поєднує репродуктологію, гінекологію, педіатрію та ще сім напрямів медицини в одному просторі. Перед командою Doba Digital стояло завдання провести редизайн сайту клініки — навести лад у структурі напрямів і лікарів та зробити запис на прийом максимально простим. Ми виконали редизайн як окрему послугу дизайну сайту: нову інформаційну архітектуру, UX/UI усіх ключових сторінок і адаптивну дизайн-систему. Розробку та впровадження в код виконує технічний партнер клієнта.
Переглянути сайтПро проєкт
PlusMed — медичний центр в Ужгороді з двома спеціалізованими відділеннями: Репродуктологічним і Алергологічним центрами. За понад 10 років роботи клініка допомогла більш ніж 46 000 пацієнтів, а команда налічує 20+ фахівців у десяти напрямах — від репродуктології, гінекології та педіатрії до ендокринології, косметології, урології й сімейної медицини. Попередній сайт не встигав за реальним масштабом послуг: інформація про напрями й лікарів була розкидана по сторінках, а шлях до запису — заплутаний.
Doba.Digital відповідала виключно за дизайн — це окрема послуга для клієнтів, які вже мають розробника чи технічного партнера. Фактаж про клініку, лікарів і послуги надав клієнт, ми відповідали за структуру, UX/UI і візуальну систему всіх ключових сторінок сайту.
Цілі та завдання
-
побудувати зрозумілу структуру сайту з навігацією напрямами й лікарями
-
підвищити довіру відвідувачів через показники клініки й профілі фахівців
-
спростити шлях до запису на прийом з кількох точок сайту
-
підготувати адаптивну дизайн-систему, готову до передачі в розробку
-
виконати проєкт як точкову послугу дизайну — без верстки й програмування
Процес дизайну сайту для PlusMed
Редизайн сайту PlusMed ми побудували навколо однієї мети — навести лад у великій кількості напрямів і лікарів клініки та зробити запис на прийом максимально коротким шляхом. Оскільки Doba.Digital відповідала лише за дизайн, кожен етап завершувався передачею готових рішень технічному партнеру клієнта.
Замовте дизайн сайту для вашого бізнесу
Якщо вам потрібен продуманий UX/UI без прив’язки до розробки, команда Doba Digital допоможе. Замовити дизайн сайту можна як окрему послугу: ми аналізуємо структуру, проєктуємо всі ключові сторінки та готуємо дизайн-систему, зручну для передачі будь-якому розробнику. Підходить як для повного редизайну багатосторінкового сайту, так і для окремих розділів, коли решта сайту вже влаштовує.
Що було реалізовано
Головна сторінка
Головна побудована як послідовна презентація клініки: короткий перший екран з кнопкою запису, блок ключових показників (10+ років роботи, 46 000+ пацієнтів, 20+ фахівців, 2 відділення), візуальна сітка всіх напрямів, картки лікарів з фото й кнопкою запису просто з головної, блок переваг клініки (кваліфіковані спеціалісти, сучасне обладнання, зручний онлайн-запис, державна програма лікування безпліддя) та завершальний CTA. Замикає сторінку блок останніх публікацій блогу, який працює одночасно на SEO і на довіру відвідувача.
Напрями та сторінка напряму
Сторінка «Напрями» дає розгорнутий перелік послуг у вигляді карток з іконками, а кожен напрям має власну детальну сторінку — наприклад, «Гінекологія» з описом послуг, веденням вагітності, пренатальним скринінгом Astraia і кардіотокографією плоду. Такий рівень деталізації важливий для медичної тематики: пацієнт розуміє, що саме входить у послугу, ще до дзвінка в клініку, а не з'ясовує це в реєстратурі.
Лікарі
Сторінка «Наші лікарі» показує фахівців центру картками з фото, спеціалізацією і фільтрацією за напрямом — знайти потрібного лікаря серед 20+ фахівців можна за кілька секунд, а не гортати весь список. Індивідуальна сторінка лікаря доповнена освітою, сертифікатами і формою запису безпосередньо зі сторінки, без переходу кудись ще.
Ціни, публікації та відгуки
Сторінка «Ціни» структурує прайс послуг за напрямами — зручно для сканування великого переліку позицій без плутанини між відділеннями. Розділ «Публікації» та шаблон окремої статті працюють на блог клініки, а сторінка «Відгуки» показує реальні відгуки пацієнтів у форматі, який легко масштабувати без переверстки, коли відгуків стає більше.
Пацієнтам і контакти
Сторінка «Пацієнтам» дає довідкову інформацію для тих, хто готується до візиту — документи, підготовка до прийому, організаційні деталі. «Контакти» показують обидві адреси клініки — Репродуктологічний і Алергологічний центри — з мапою й формою зв'язку, оскільки відділення територіально розведені по місту.
Результати
На виході клієнт отримав не просто оновлену «картинку» головної сторінки, а повноцінну структуру сайту: логічну навігацію напрямами й лікарями, єдину візуальну мову для всіх сторінок і компонентну систему, зручну для верстки. Головна проблема, з якою PlusMed прийшов у Doba.Digital, — розкидана інформація про напрями й лікарів і заплутаний шлях до запису — вирішена ще на рівні дизайну: кожен напрям, лікар і послуга має власну зрозумілу сторінку, а запис на прийом доступний з кількох ключових точок сайту.
Окремо це стосується репродуктологічного напряму й державної програми лікування безпліддя: раніше ця інформація губилась серед інших послуг, тепер вона винесена на видне місце ще на головній сторінці. Так само прозоро розведені два відділення клініки — Репродуктологічний і Алергологічний центри — на рівні контактів і навігації. А завдяки єдиній дизайн-системі клініка зможе додавати нових лікарів, напрями чи публікації, не порушуючи візуальну цілісність сайту.
Оскільки Doba.Digital відповідала виключно за дизайн, частина розділів уже працює на живому сайті plusmed.ua, а частина ще чекає на перенесення в код технічним партнером клієнта. Такий формат співпраці підходить компаніям, у яких вже є власна технічна команда і потрібне лише якісне UX/UI-рішення — саме це ми пропонуємо як окрему послугу дизайн сайтів під ваші потреби, без прив'язки до власної розробки.
Головна сторінка
Головну сторінку ми побудували як послідовну презентацію клініки — від першого екрана з коротким описом місії PlusMed і кнопкою запису на прийом до розгорнутої картини команди та напрямів роботи. Одразу під хедером розмістили блок ключових показників центру: 10+ років роботи, 46 000+ пацієнтів, 20+ фахівців, 2 спеціалізованих відділення. Для медичної тематики це критично важливий блок — пацієнт, який обирає клініку для лікування безпліддя чи ведення вагітності, шукає підтвердження досвіду ще до того, як почне читати про конкретні послуги.
Далі йде блок «Наші напрямки» з візуальною сіткою всіх напрямів клініки: репродуктологія, гінекологія, педіатрія, ендокринологія, косметологія, дерматовенерологія, алергологія/імунологія, урологія, УЗД і сімейна медицина. Кожен напрям — окрема картка з іконкою й переходом на детальну сторінку, тож користувач одразу бачить повний спектр послуг, а не здогадується про нього з випадного меню. Такий підхід особливо важливий для репродуктологічного напряму клініки — саме туди веде найбільше запитів, зокрема повʼязаних із державною програмою лікування безпліддя, тож ми винесли його на видне місце ще на головній, а не заховали в підрозділ. Блок «Наші лікарі» показує фахівців центру картками з фото, спеціалізацією і кнопкою запису — прямий місток до конверсії просто з головної, без переходу на окрему сторінку.
Нижче розмістили блок переваг клініки (кваліфіковані спеціалісти з міжнародними сертифікатами, сучасне діагностичне обладнання, зручний онлайн-запис, державна програма лікування безпліддя без виїзду з області) і завершальний CTA із повторним запрошенням записатись на прийом. Блок останніх публікацій блогу замикає сторінку, працюючи одночасно на SEO і на довіру відвідувача. Кольорова гама дизайну — фірмовий темно-синій PlusMed у поєднанні зі світлим фоном і блакитними акцентами на кнопках: рішення, яке зчитується як медичне, але не «холодне» чи бездушне. Типографіка й іконографіка витримані в одному стилі на всіх блоках, щоб головна сторінка не розсипалась на окремі, візуально не пов'язані секції.
Внутрішні сторінки
Усі сторінки сайту — від напрямів і лікарів до цін, публікацій, відгуків і контактів — використовують одну візуальну систему: шрифти, кольори, компоненти карток і кнопок. Тож перехід між розділами відчувається цілісним, а не набором розрізнених шаблонів, які просто зібрали докупи.
Кожен екран продуманий як частина системи: що користувач бачить першим, куди веде кожна кнопка і як сторінка поводиться за більшої чи меншої кількості даних — наприклад, коли лікарів чи напрямів у клініці стає більше, а список цін чи публікацій розростається. Окрема увага — сторінкам напрямів: кожна з них спроєктована як самостійна посадкова сторінка з власним заголовком, описом послуги і командою лікарів цього напряму.
Для клініки з десятьма напрямами роботи це не просто зручність для відвідувача, а й основа для подальшого просування кожного напряму окремо, коли клієнт перейде до наповнення сайту контентом.
Мобільна версія
Окремих мобільних макетів для PlusMed ми не готували: клієнт самостійно виконує адаптацію дизайну під різні екрани силами свого технічного партнера. Тому на етапі дизайну ми зробили ставку на прозору модульну структуру.
-
Картки напрямів, лікарів, цін і публікацій побудовані на однакових повторюваних компонентах з чіткою ієрархією елементів (заголовок → ключова інформація → дія), що спрощує адаптивну верстку без втрати логіки сторінки навіть без окремих мобільних макетів під рукою.
Частина оновленого дизайну вже видно на живому сайті plusmed.ua, зокрема коректне відображення на мобільних пристроях, хоча не всі розділи ще перенесені в актуальну версію сайту. Коли клієнт завершить впровадження решти сторінок, кейс буде доповнено скриншотами вже готового мобільного вигляду сайту.