Разработка нового сайта для лаборатории Евротест

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

Сайт лаборатории: https://eurotestlab.ru/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пользовательская часть

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

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

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

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

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

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

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

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

• Моя семья — здесь пользователь может добавить своих родственников, чтобы можно было записывать их на исследования или приём врача.

• Настройки — здесь есть:

а. возможность редактирования личных данных;

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

Итоги проекта:

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

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