Новый сайт для лаборатории Евротест. 1.5 миллиона пациентов в год.

ЗаказчикЛаборатория «Евротест», с более чем 20-ти летним опытом работы. Лаборатория проводит около 4 000 исследований в день.ЗадачаНеобходимо не только создать удобный продукт, который отвечает запросам пользователей, но и обеспечить вывод всех данных по лабораторным и клиническим исследованиям путём интеграции нового сайта с ЛИС

При разработке сайта команде DOT было необходимо не только создать удобный продукт, который отвечает запросам пользователей, но и обеспечить вывод всех данных по лабораторным и клиническим исследованиям путём интеграции нового сайта с ЛИС. Вот как это было.
Сайт лаборатории:  https://eurotestlab.ru/

6660409a55f85.jpg 2. Когда прототип главной страницы был разработан и согласован, мы решили запараллелить процессы и приступить к этапу дизайна до согласования структуры остальных страниц, чтобы сэкономить время.

В лаборатории «Евротест» установлено современное оборудование, нам предоставили его фотографии в хорошем качестве. Так как в результате аудита мы выяснили, что пользователи проявляют интерес к оснащению при выборе лаборатории, было принято решение разместить на первом экране главной страницы динамический баннер с автоматическим пролистыванием слайдов.

В шапке сайта — удобное выпадающее меню с основными разделами, а также кнопку записи на приём, кликабельный номер телефона, иконки личного кабинета и корзины.

666040b945159.jpg   3. Все проводимые исследования делятся на лабораторные и клинические. Продвижение лабораторных приоритетнее для клиента, в связи с этим вторым экраном на главной мы вывели превью всех их видов, ведущие на разделы с текстовым описанием.

666040b941af1.jpg   Если исследование на данный момент по каким-то причинам не проводится — при клике на превью появляется оповещающая заглушка.

666040b9418d0.jpg   4. Клиент проводит акции и хотел рассказать об этом, кроме того в жизни компании происходят значимые события: закупка нового оборудования, мероприятия, конференции и прочее. После брифинга с клиентом мы выяснили, с какой регулярностью проводятся обновления, и заключили, что нет необходимости в создании двух разных разделов с акциями и новостями, поэтому разработали единый информационный блок.

666040b93cca4.jpg   При клике на превью происходит переход на детальную страницу акции или новости, в которой можно разместить изображение и проставить дату публикации.

5. С лабораторией «Евротест» на долгосрочной основе сотрудничает множество крупных организаций и компаний, клиент хотел этим поделиться, поэтому мы разработали блок Наши клиенты, в котором разместили карусель с логотипами, изменяющими цвет при наведении.

666040b942e88.jpg   6. В футере сайта разместили ссылки на все основные разделы, а также на технические страницы и образцы документов, доступные для скачивания.

666040b9418d1.jpg   666040b941a93.jpg   7. Была проведена интеграция сайта с ЛИС (Лабораторной информационной системой). Теперь все размещенные в системе лабораторные исследования и медицинские услуги отображены на сайте и пользователь имеет возможность их забронировать на удобное время.

666040b943f89.jpg   А также ознакомиться с детальной информацией при клике на любое исследование или услугу.

666040b9c3e2a.jpg   Вопрос оплаты с сайта обсуждался, но клиент принял решение, что это можно реализовать после запуска в формате дополнительных работ.

8. Командой DOT был разработан кастомный механизм записи к врачам.

Он состоит из двух частей:  административной и пользовательской.

Административная часть

Администратор сайта сможет видеть фамилии всех записавшихся пациентов и время их записей.

Страница записей доступна только тем, кто авторизовался в админпанели. Остальные пользователи не могут её просматривать или редактировать.

Тут есть фильтры по врачу, услуге, дате. И таблица, в которой отображаются все записи.

666040b9c3943.jpg   При наведении высвечивается информация.

666040b9c4878.jpg   При клике открывается модальное окно. Можно отредактировать данные, создать новую запись, удалить запись, сделать время нерабочим (это чтобы на сайте отображалось время как занятое, но при этом записи на это время нет, что очень удобно).

666040b9c7e61.jpg   Серым выделено нерабочее время или перерыв. В выходной день все полностью серое.

666040b9d0b8b.jpg   Услуги настраиваются на отдельной странице, попасть на неё можно, кликнув на ссылку «Услуги».

666040b9e3c32.jpg   На этой странице находится список всех внесенных ранее в админпанель услуг.

666040b9ea3f2.jpg   Услуги.можно удалять и создать новые, при клике на нужную — редактировать.

Можно добавить несколько врачей к одной услуге. Врач выбирается через селектор. Можно выставить им график: рабочие дни, рабочее время, перерыв, а чтобы перерыва не было, его начало и конец надо сделать в одно время.

666040b9e73ff.jpg   Пользовательская часть

Расположена в открытом доступе на сайте, страница https://eurotestlab.ru/klinika/zapisatsya-na-priem/

666040ba55500.jpg   Фильтры те же, что и в административной части: по врачу, услуге, дате. Занятое время блокируется, свободное можно выбрать. После выбора времени становится активна кнопка.

Открывается модальное окно, в нем информация о выборе и данные для заполнения. Кнопка «Записаться» становится активной только после заполнения данных.

666040ba563a7.jpg   После завершения появляется отбивка для пользователя с уведомлением об успешной записи.

666040baae3b1.jpg   Поле со временем сразу блокируется на пользовательской стороне и автоматически отображается в административной.

666040ba58457.jpg   9. Для входа в личный кабинет необходимо зарегистироваться или авторизоваться.

666040ba57f60.jpg   В личном кабинете есть три вкладки:

  • Заказы — здесь пользователь может видеть все свои заказы и их статусы (В работе, Завершён и пр.).

666040ba5dc09.jpg   Моя семья — здесь пользователь может добавить своих родственников, чтобы можно было записывать их на исследования или приём врача. 666040ba62bee.jpg   Настройки — здесь есть: а. возможность редактирования личных данных;

666040ba6b2a6.jpg   б. возможность смены пароля.

666040ba7d18b.jpg Итоги проекта:

  • Внедрили систему записи с возможностью выбора времени и заполнения данных.
  • Обеспечили администраторам удобное управление записями через админпанель.
  • Реализовали автоматическое отображение всех лабораторных исследований и услуг на сайте.
  • Создали удобный интерфейс для поиска и просмотра информации о лабораторных и клинических исследованиях.
  • Объединили разделы акций и новостей в единый блок для информирования пользователей о последних событиях и предложениях.
  • Сделали личный кабинет с возможностью управления заказами, добавления родственников и редактирования личных данных.

Результат:  Новый сайт лаборатории и клиники «Евротест» упростил процесс записи для пациентов и повысил эффективность работы персонала лаборатории.

Если вы поставите для нас аналогичную задачу, мы с радостью ее реализуем! Пишите запрос на info@dot.ru :)

Перейти на сайт

Полный текст статьи читайте на CMS Magazine