Хід роботи
У межах нашого проєкту з покращення сайту Bilyk Ultra Laser перед нами стояло завдання кардинально змінити підхід до подачі інформації, перетворивши ресурс із простого онлайн-довідника на повноцінний, зручний та привабливий інструмент для користувачів. Весь процес можна розділити на кілька ключових етапів, кожен з яких був спрямований на вирішення конкретних завдань, що в підсумку мало призвести до створення цілісного, сучасного та функціонального вебсайту.
Перший етап: Оновлення загальної структури та дизайну категорій послуг
Нашим першим кроком стало повне переосмислення того, як користувач взаємодіє з каталогом послуг. Раніше цей розділ був досить статичним і не завжди інтуїтивно зрозумілим. Ми вирішили відійти від стандартної моделі відображення і створити більш динамічну та інформативну структуру. Це був ключовий момент для покращення UI (інтерфейсу користувача).
Ми почали з оновлення плитки відображення послуг. Замість звичної картинки з невеличким текстом ми впровадили новий дизайн, що включає більш естетичні та інформативні фотографії послуг та їхніх підкатегорій. Це рішення дозволило користувачам візуально оцінити суть процедури ще до того, як вони перейдуть на відповідну сторінку, що значно прискорило пошук потрібної інформації. Ця зміна напряму сприяла покращенню UX (досвіду користувача).


Рисунок 1 – загальна сторінка послуг
Далі, розуміючи, наскільки важливою для клієнтів є інформація про технології та персонал, ми додали унікальний блок із деталями про обладнання та лікарів. На кожній сторінці загальної категорії послуг тепер можна побачити, які саме пристрої використовуються для тієї чи іншої процедури, а також ознайомитися зі спеціалістами, які їх виконують. Це додало прозорості та підвищило довіру до клініки, що є частиною загального покращення користувацького досвіду.


Рисунок 2 – обладнання та лікарі
Важливим елементом став також перероблений блок з перевагами. Замість звичайного переліку ми створили візуально привабливий розділ, де в короткій та лаконічній формі описані ключові переваги центру.


Рисунок 3 – переваги
Ми розуміли, що реальні відгуки є одним із найпотужніших інструментів для залучення нових клієнтів. Тому ми додали блок з відгуками, де зібрані реальні думки та враження пацієнтів.


Рисунок 4 – відгуки
Нарешті, ми впровадили блок із частими запитаннями. Це дозволило нам заздалегідь відповісти на найпоширеніші запити клієнтів, що зменшує навантаження на адміністраторів та підвищує загальну інформативність сайту.


Рисунок 5 – часті запитання
Всі ці зміни були інтегровані в єдину, гармонійну структуру, яка була адаптована як для ПК-версії, так і для мобільних пристроїв. Це забезпечило комфортне користування сайтом незалежно від того, з якого гаджета користувач його відвідує.
Другий етап: Перероблення сторінок послуг
Мабуть, найважливішим етапом нашої роботи стало повне переосмислення структури сторінок послуг. Раніше вони були представлені у вигляді сухого, монотонного тексту, що було незручно для сприйняття. Нашою метою було перетворити ці сторінки на повноцінні, інформативні та візуально привабливі ресурси. Це було спрямовано на комплексне покращення UI/UX.
Ми почали з того, що надали кожній сторінці послуги логічну та послідовну структуру. Спочатку ми розмістили коротку інформацію про захворювання чи проблему, яку вирішує процедура.


Рисунок 6 – інформація про захворювання
Далі йшов блок «Як проходить процедура?». Ми детально, але доступно описали кожен крок, що допомагало клієнтам уявити собі процес та зменшити можливий страх перед невідомим.


Рисунок 7 – як проходить процедура
Наступним елементом став блок із результатами. Ми показали, чого можна очікувати після проходження процедури.


Рисунок 8 – результат процедури
Далі, ми розмістили більш детальну інформацію про саму процедуру, її механізми дії, тривалість та інші важливі нюанси.


Рисунок 9 – про процедуру
Наступним кроком було дублювання блоку з обладнанням та лікарями, але вже з акцентом на конкретній послузі.
Для забезпечення безпеки та усвідомленості клієнтів ми додали блок із протипоказаннями.


Рисунок 10 – протипоказання
Ми знову ж таки інтегрували блок з нашими перевагами, але вже з урахуванням специфіки конкретної послуги.
Сторінка завершувалася звичними для нас блоками: відгуками та частими питаннями, що ще раз підкреслювало нашу відкритість та готовність відповідати на всі запитання.
Вхідні дані
Отриманий результат