Раздел «Услуги» на сайте «Пикассо»
Снэпшот декстопного прототипа:
Снэпшот мобильной версии прототипа:
Предыстория
«Пикассо» — сеть центров рентгенодиагностики челюстно-лицевой области.
Центров много: около трехста в 33 городах. В каждом центре есть рентгенолаборант и КЛКТ-томограф. А еще есть штат врачей-рентгенологов, которые при необходимости делают расшифровку сделанных в центрах исследований.
Чтобы пациентам и врачам было удобнее ориентироваться в услугах и ценах, было решено переделать раздел услуг на сайте.
Задача
Рассказать про услуги так, чтобы это и приносило деньги и выступало в роли Википедии для новый клиник.
Проблемы
- Много услуг и их вариантов, сложно ориентироваться.
- Раньше на сайте было два раздела: «Диагностика» и «Цены». Все потому что, пациентам нужен прайс-лист с информацией о подготовке, а врачам что-то в духе Википедии. Это путало посетителей сайта.
- Не все, что важно врачу, важно пациенту.
Зачем нужен раздел:
- пациент идет к врачу.
- лечащий врач на осмотре решает, что нужна диагностика, но в клинике необходимой техники и специалистов нет;
- поэтому врач выписывает пациенту направление на исследование в «Пикассо», где отмечет необходимые услуги;
- дальше пациент сам, через сайт или колл-центр «Пикассо», используя информацию из направления, записывается в удобный ему центр на удобное время. В этот момент сайт может помочь увеличить продажи, облегчить работу колл-центра и помочь менеджерам при привлечении новый партнеров.
Дизайн-идеи для веб-каталога «Пикассо»
Первый экран разводит по сценариям
В популярных услугах большинство сразу найдет нужную. Тут специально нет цены, чтобы люди провалились внутрь и изучали подробнее пакеты.
Услуги можно посмотреть по категориям, по специальностям (для профи), по алфавиту (для тех кому все это непонятно) и в формате для распечатки для стоматологий.
Девушка из направлений сразу подсказывают обводкой про какую область исследований идет речь: выполняют и графическую и навигационную функцию.
Навигация слева помогает ориентироваться! Оригинально!
Наглядно показали содержание всех услуг: все что входит показано картинкой.
Цена указана "от", птмчт есть разные сроки и пакеты для услуги.
Выделили прибыльные заключения специалистов в новую отдельную группу каталога. Раньше это было просто невзрачное "Дополнительные услуги".
Поделили их на "Заключение врача-рентгенолога" и "врача-ортодонта", чтобы выделить то, что это делают настоящие врачи.
Объединили похожие услуги. Раньше паспорт зубов для разных размеров был отдельными услугами, хотя в направлении он всегда назывался просто "паспорт зубов". Теперь размеры, вариации и цены указаны внутри собственной страницы услуги.
Пакетные предложения сразу показывают, что в них входит
Появилась сортировка "по специальностям". Она поможет в общении с клиниками, чтобы врач мог сразу изучить только интересующие его услуги.
Появилась сортировка "по алфавиту". Она поможет в сценарии, когда человек запомнил название, но остальные сортировки не помогли, тогда можно воспользоваться "самой доступной" сортировкой, которую знают все.
Сверху дублируется цена "от", чтобы конкурировать в сео-штуках и не отпугивать дорогими пакетами сходу.
Страница услуги встречает коллажем, которые закрывает важные вопросы. Видна сама услуга и ее формат, например, трехмерная анимация. Сразу видно, что исследование происходит в открытом аппарате и все там спокойно и весело. И, в-третьих, видно, что результат будут смотреть на компьютере - это технологично.
Дальше 4 блока с важной информацией.
1. Общая информация об услуге.
2. Формат результат.
3. Напоминание про запись.
4. Блок с частыми вопросами.
Дальше блок с "пакетами". Тут мы усилили допродажи. Раньше было отдельно КТ двух челюстей и отдельно услуга его описания, а теперь КТ двух челюстей БЕЗ описания. То есть сразу чувствуется, что чего-то не хватает : )
Тут же расписано все что человек получит и сразу визуально ясно, что дешевое и пустое, а что дорогое и крутое.
Срочное исполнение - не популярная, но важная услуга, поэтому она спрятана в переключатель.
Дальше идет блок с доп. услугами, которые подходят к этому исследования и пакетные, куда оно входит.
Сделали статью и провели фотосессию для статьи "как проходит диагностика". Там же в блоке спрятана техническая информация об исследовании и собраны ответы на вопросы по нему.