Кейс Візіобуд

1 етап
Формування структури і прототипування

Після узгодження всіх нюансів з керівником офтальмологічної клініки «Візіобуд», проектувальники агентства «МедМаркетинг» розробили прототипи наступних сторінок:

• Головна
• Статті
• Відгуки
• Послуги
• Лікарі
• Про клініку та інші

Всі сторінки побудовані за принципом Landing Page, і на кожній з них є можливість в окремих блоках розмістити відгуки, фотогалерею, картки лікарів та інші тригери довіри. У текстовому ж блоці - розповідається про послуги, переваги та багато іншого. 

2 етап
Відрисовка дизайну та програмування

Дизайн виконаний у флет-стилістиці. Наші фахівці знайшли цікаве колірне рішення, що вигідно відрізняє офтальмологічну клініку «Візіобуд» від сайтів інших подібних медичних установ.

Крім самого сайту, ми також розробили оригінальний графічний елемент, грунтуючись на тому логотипі, який вже був. Даний елемент ніби збирається з пазлів, він покликаний продемонструвати слоган клініки: «Ми будуємо ваш зір». В топі сайту, та й на інших сторінках, де розташований логотип, він виглядає дуже стильно.

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

Головна сторінка

Коли ми заходимо на головну сторінку, ми бачимо велику красиву картинку, з логотипом і слоганом офтальмологічної клініки «Візіобуд».

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

Якщо навести курсор, не натискаючи, на конкретну послугу, праворуч з'явиться невеликий опис, який відокремлений від загального списку тонкою червоною лінією.

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

Після цього йде текстовий блок, нижче - відео, яке можна переглянути у спливаючому вікні pop-up, клікнувши на необхідну кнопку.

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

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

Що стосується того, чому ми зробили кілька блоків, максимально стиснувши інформацію, з подальшою переадресацією на конкретні сторінки - все це було продумано заздалегідь.Так як це головна сторінка сайту офтальмологічної клініки «Візіобуд», ми хотіли вмістити тут якомога більше відомостей, і в той же час, не нагромаджувати і не «вантажити» людину величезним обсягом інформації.

Послуги

При переході на конкретну послугу, ми бачимо велику яскраву картинку справа, зліва, і нижче - йде текстовий блок, потім - відео про дану проблему, слайдер з перевагами, відгуки і додаткові дані (наприклад, телефон для запису на прийом).

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

Про нас говорять

Це динамічна сторінка у вигляді новин з інформацією про ту чи іншу згадку в різних ЗМІ (теле, радіо, друковані). Кожен пост можна вивчити більш детально, натиснувши кнопку «Читати далі».

Про клініку

В рамках сторінки йде текстовий блок з короткою історією розвитку офтальмологічної клініки «Візіобуд», інформацією про її принципи і філософію. Нижче йде блок з відео про клініку, яке можна переглянути у спливаючому вікні. З огляду на те, що важливим фактором у виборі офтальмологічних послуг є професіоналізм лікарів - далі ми бачимо слайдер з короткою інформацією про кожного з них. Після цього ми бачимо невелику фото галерею, де всі зображення розташовані в один ряд. Також тут є можливість пагінації.

Тут ми бачимо фотографії всіх лікарів, в кожному ряду по чотири картки.

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

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

Якщо ви не переходите на сторінку конкретного фахівця, а залишаєтеся на загальній, з усіма лікарями, при наведенні на картку кожного з них, поряд виникає текстовий блок з короткою біографією і є кнопка записатися, при натисканні якої ми бачимо форму запису на прийом з наступними полями:

• ім'я;
• Телефон;
• e-mail.

Ціни

Тут відображено ціни, згруповані за напрямками, при натисканні на кожного з них - бачимо список тієї чи іншої послуги з цінами або (при великій кількості послуг) розкриваєтся список груп послуг нижнього рівня.

Відгуки

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

Статті

Динамічна сторінка у вигляді списку статей з можливістю переходу на конкретну статтю за допомогою кнопки «Читати далі».

При переході на сторінку з конкретною статтею, ми бачимо СЕО-оптимізований текст, який має чітку структуру .

Програмування сайту здійснювалося на поширеній у всьому світі CMS під назвою Drupal. Також є мобільна версія.

3 етап
Підготовка контенту і наповнення

Фахівці нашого агентства підібрали необхідне СЕО-ядро, з розрахунком якого і писали необхідні тексти. Крім того, завдяки тому, що у нас працює власний медичний редактор, весь контент є дійсно професійним. 

Що стосується відео-контенту, ми запропонували клієнту бюджетний варіант, це його цілком влаштувало. Навіть такий варіант вигідно відрізняє сайт офтальмологічної клініки «Візіобуд» від інших, тому що створити свій відеоролик - досить складне завдання, яке вимагає чимало людських і часових ресурсів. «МедМаркетинг» ж бере всі питання, пов'язані з підготовкою, безпосередньою зйомкою і постпродакшен на себе. У підсумку, для основних послуг ми зробили короткі відеоролики, в яких лікарі розповідають, в чому саме полягає метод їх лікування, і інші не менш важливі нюанси. Щоб додати корпоративний стиль у відео, наші дизайнери розробили плашки й заставки у відповідній кольоровій гамі і стилістиці.

Крім того, фахівці «МедМаркетинг» надали офтальмологічній клініці «Візіобуд» таку послугу, як професійна фотосесія. Завдяки яскравим і незабутнім зображенням, сайт виглядає ще більш привабливим.

Результат