ДИЗАЙН-КОНЦЕПТUI/UX

Редизайн сайту стоматологічної клініки.

Концепт першого екрана і запису на прийом. Не замовлення — ініціативна робота.

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

ТИП: ДИЗАЙН-КОНЦЕПТ
ТЕРМІН: 2 тижні
КОМАНДА: UI/UX-дизайнер, тех-лід
ПОСЛУГА: UI/UX дизайн

Задача

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

Обмеження

[WARN]Ініціативна робота — без доступу до реальної аналітики клініки
[WARN]Мобільний сценарій першим: більшість пацієнтів шукає клініку з телефона
[WARN]Форма запису — максимум 3 кроки
[WARN]Кольори і контраст за WCAG AA для людей старшого віку

Рішення

Розробили концепт головної сторінки і форми запису в 3 кроки на 2 екранах — ініціативна робота поза замовленням. На першому екрані — послуги з цінами «від» і кнопка запису, далі пацієнт обирає послугу, лікаря та час.

Перший екранЩо лікуємо, ціни «від», адреса і кнопка запису — без прокрутки на телефоні.

Запис у 3 крокиПослуга → лікар → вільний час. Телефон — лише на останньому кроці.

ДоступністьВеликі цілі для дотику, контраст AA, зрозумілі стани помилок.

UI-кітКнопки, поля, картки лікарів — готові до передачі в розробку.

Стек

Figmaмакети і прототипAuto layoutадаптив 360–1440 pxUI-кіткнопки, форми, станиWCAG 2.2 AAконтраст і розміри

Результат у цифрах

КРОКИ ДО ЗАПИСУ3

ЕКРАНИ2

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

Що зробили б інакше

01Протестували б прототип на 5 реальних пацієнтах до фінального UI — це дешевше, ніж переробляти макети.

02Раніше продумали б сценарій «немає вільного часу» — у першій версії він вів у глухий кут.

03Збирали б UI-кіт паралельно з макетами, а не після них.

НАСТУПНИЙ КЕЙСТехнічний аудит Laravel-проєкту B2B

АУДИТ