Инструкции, шаблоны, творческая систематизация

[Кейс] Medical Home. Разработка сайта для клиники семейного профиля 💊

🏥О заказчике

Medical Home — клиника семейного профиля в Ростове-на-Дону, открывается в 2022 году.

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

Особое требование от Заказчика — чтобы для поддержки и наполнения сайта не нужен был программист.

🤔Задача

  1. Разработать структуру сайта и дизайн
  2. Сверстать. Наполнить с учетом всех требований
  3. Подготовить инструкцию для самостоятельного наполнения
  4. Передать все Заказчику, чтобы мог всем пользоваться

👉Что нужно сделать в рамках задачи (решение):

  • ▪ Разработать структуру, что будет на сайте: какие категории, врачи, услуги комплексные программы, информация на главной странице.
  • ▪ Подготовить дизайн-концепцию с учетом айдентики Заказчика
  • ▪ Сверстать сайт.
  • ▪ Подключить сервис записи на прием ARCHIMED+
  • ▪ Проверить, что сайт корректно работает на всех устройствах и во всех браузерах
  • ▪ Подготовить исчерпывающую инструкцию, чтобы все было понятно.

Над проектом работали:
⭐ Александр Остроух — руководитель проекта
⭐ Виктория Ерофеева — арт-директор
⭐ Максим Пелехов — программист-верстальщик
⭐ Ксения Горбунова — копирайтер

 
 

Реализация

Провели конкурентный анализ, чтобы понимать структуру, последовательность блоков и наполнение сайтов медицинской тематики:

Разработали и согласовали с клиентом функциональный прототип (необходимые типы страниц и их наполнение):

В разработке дизайна руководствовались уже имеющейся у клиента айдентикой:

Практически весь сайт собирался на стандартных блоках Тильды. Клиенту было важно иметь возможность быстро редактировать контент и создавать самому новые страницы.

С помощью каталога товаров в Тильде была создана страница врачей с удобной навигацией.

Для удобства редактирования главная страница практически вся состоит из alias блоков. Что помогает вносить правки только на внутренних страницах, а на главную контент подружается уже автоматически. Это сильно сокращает время работы:

Чтобы клиент мог редактировать контент самостоятельно, записали обучающее видео:

Запись на консультацию проводится через сторонее приложение. Судя по документации, это приложение на сайт на Тильде можно подключить, только при наличии дополнительного хостинга:

В документации указаны требования к хостингу. Это дополнительные расходы для клиента:

Создали аккаунт, настроили хостинг, FTP менеджер (файловыйменеджер) на хостинге, чтобы уже все настраивать:

Программист смотрит в код и понимает, что документация скорее всего устарела и код скрипта будет работать и без установки на хостинг:

Отлично. Скрипт отображается и работает. Но немного не вписывается в дизайн сайта:

Исправляем внешними стилями кнопку стороннего приложения. Так гораздо лучше:

Пришлось повозиться, чтобы в Яндекс.Метрике создать и заставить работать цель «открытие виджета онлайн записи». До этого часть заявок была для аналитики недоступна. Сейчас можно более осознанно управлять продвижением:

По законодательству РФ медицинские сайты должны быть доступны людям с ограниченными возможностями. Добавили скрипт для переключения на версию для слабовидящих:

Сайт сделали за 1 месяц, еще месяц всплывали мелкие задачи.
На все работы потребовалось 35 рабочих часов специалистов:

Клиент доволен:

Ссылки на страницы сайта:

  1. Главная: https://ostroukh.ru/sites/examples/medical-home
  2. Врачи https://ostroukh.ru/sites/examples/medical-home-doctors
  3. Услуги — https://ostroukh.ru/sites/examples/medical-home-services
  4. О клинике: https://ostroukh.ru/sites/examples/medical-home-about