Роботи · Стоматологія, Львів
Сайт стоматології, де ціну й лікаря видно до дзвінка
Чернетка для замовника. Сайт зроблений під реальну клініку, зданий на погодження й поки не запущений на її домені. Показую як є — разом із тим, що в ньому лишилось виправити.
Клініка на Кондукторській у Львові: дев'ять лікарів, власні роботи, прайс. Усе це зазвичай ховають за «уточнюйте по телефону», а тут воно відкрите просто на сторінці. Сайт зроблений із нуля. Уже після того, як віддав його на погодження, я прогнав сторінку власними перевірками, знайшов шість дефектів і виправив кожен: тепер вона заповнюється майже втричі швидше.
Заміри
Зняті з тієї самої сторінки до і після виправлень: браузер, мобільний екран 390 px, ті самі перевірки. Рядки без пари — там, де порівнювати нема з чим.
- Скільки пацієнт чекає, поки екран заповниться
- 4,1 секунди
- 1,5 секунди
- Оцінка швидкості від Google, телефон
- 93 зі 100
- 97 зі 100
- Оцінка Google, чи зручно користуватись сайтом
- 93 зі 100
- 100 зі 100
- Наскільки легшою стала сторінка
- у шістнадцять разів
- Ламається на вузькому екрані телефона
- так
- ні
- Дані про клініку віддані Google окремо (адреса, лікарі, ціни)
- немає
- так
- Сторінка стрибає, поки вантажиться
- ні
- Місць, де текст важко прочитати
- 0
- Оцінка Google, наскільки сайт готовий до пошуку
- 100 зі 100
Що ця сторінка мала вирішити
-
«Уточнюйте ціну по телефону»
Головна причина, чому людина не дзвонить у стоматологію: незрозуміло, скільки це коштуватиме. Прайс на сторінці відкритий повністю.
-
Незрозуміло, хто саме лікуватиме
У клініці дев'ять лікарів із різними спеціалізаціями. На сайті кожен підписаний іменем, фото й напрямом ще до запису: пацієнт обирає конкретного лікаря сам, а не йде навмання на прийом до незнайомої людини.
-
Стокові усмішки замість власних робіт
Замість купованих фото на сторінці власні реставрації, гігієна і зняття нальоту, зроблені саме в цій клініці, тобто те, що людина реально побачить у кріслі.
Рішення й чому саме такі
-
Перший екран каже, що саме відкрито
«Весь план до першого кроку», і одразу під заголовком перелік: хто лікуватиме, скільки коштує, як виглядає результат. Сторінка одразу виконує те, що обіцяє заголовок.
-
Складена площина замість фотофону
Графіка побудована на згинах паперу й металевих гранях і тримає холодний клінічний тон без жодної стокової фотографії.
-
Шрифт, як у медичній картці
Підписи, номери й позначки набрані рівним технічним шрифтом. Сторінка читається як медичний документ, а не як рекламний буклет.
-
Відео не вантажиться, поки його не попросили
Відеовідгук важкий, і браузер тягнув його цілком ще до того, як людина натисне «грати». Тепер він чекає на натискання: пацієнт із телефона не платить трафіком за відео, яке не збирався дивитись, і не чекає зайву секунду відкриття сторінки.
-
Google отримує картку клініки, а не просто текст
Адреса, координати, графік, дев'ять лікарів і п'ять напрямів із цінами віддані пошуковим системам окремо від тексту сторінки. Саме з цього Google складає картку закладу, коли людина шукає «стоматолог поруч». Рейтинг береться з одного місця, тому цифра в картці не може розійтися з цифрою на екрані.
-
Шрифт без зайвого
Сайт вантажив набір шрифту, у якому немає жодної української літери — і, ї, є, ґ доводилось добирати окремо. Виправив набір і прибрав невживані накреслення: шрифти вантажаться вдвічі менше, текст з'являється на екрані швидше, поки відвідувач ще не встиг закрити вкладку.
Як це виглядає цілком
Прокрутіть усередині рамки. Це знімок усієї сторінки, знятий у браузері — відкрити сайт.
Замовника я знаю особисто, і сайт робився, щоб показати підхід у ділі: усе, що конкуренти зазвичай ховають за дзвінком, тут одразу видно на сторінці.
Другу половину роботи видно в таблиці замірів. Уже після того, як віддав сайт на погодження, я прогнав власну сторінку тими самими перевірками, якими розбираю чужі сайти, і вони знайшли шість речей: сторінка тягнула важке відео ще до першого кліку, не давала Google жодних даних про клініку, плутала пошуковик подвійною структурою, з’їжджала вбік на вузьких екранах, ховала півтора десятка занадто дрібних цілей для пальця й вантажила набір шрифту без українських літер.
Усі шість виправлені. Оцінки Google на комп’ютері — 100 зі 100 у всіх чотирьох перевірках, на телефоні — 97, 100, 100, 100. Те, що лишилось невирішеним, перелічене нижче окремо.
Що в цій роботі ще не зроблено
- Сам файл відео як і раніше важкий, просто більше не вантажиться без запиту. Хто натисне «грати» на мобільному інтернеті, заплатить трафіком за нього повністю. Файл ще треба перестиснути.
- Оформлення нижньої панелі вантажиться окремим файлом і затримує показ майже на пів секунди — через нього найбільший блок першого екрана з'являється за 2,6 секунди.
- Кнопку запуску відео не можна натиснути голосом: її підпис для програм читання з екрана не збігається з видимим написом.
- Сайт досі не стоїть на домені клініки: це чернетка, віддана на погодження.
Сайт зробив Остап Йонка
Львів · сам, від структури до запуску
Зробити такий розбір вашого сайту
Надішліть посилання — покажу заміри чинного сайту й що з ними не так. Безкоштовно, без зобов'язань.