Сайт детской медклиники «До 16-ти»

1. Вводная задача от заказчика, проблематика, цели

До нашего знакомства с клиентом у него уже был сайт, разработанный на Drupal 6 — морально устаревшей версии CMS, не получающей обновлений безопасности. В наши задачи входило:

• перенести сайт с Drupal 6 на Drupal 7,
• перенести контент,
• сделать новый дизайн и улучшить пользовательский опыт,
• интегрировать сайт с внутренней информационной системой центра,
• внедрить новую функциональность,
• улучшить старую функциональность,
• сделать административную панель удобной.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Дизайн и UI

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

Разработку сайта облегчил и ускорил UI-кит, созданный дизайнером для фронтенд-разработчика.

Главная функциональность

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

Одна из главных новых функций — это возможность для незарегистрированного пользователя записаться на онлайн-консультацию. Мы разбили онлайн-запись к врачу на четыре шага:

• выбрать отделение, специалиста, дату и время. Расписание докторов составлено на две недели вперёд;
• указать данные ребёнка, свои данные и мессенджер для общения;
• принять условия оказания медицинских услуг;
• проверить данные и перейти к оплате.

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

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

В разделе «Услуги и цены» пользователь рассчитывает суммарную стоимость услуг по разным направлениям медицины, и для этого было нужно что-то больше, чем Drupal. До нас раздел был написан на библиотеке jQuery, но нормально расширять и поддерживать его такое решение не позволяет, поэтому мы всё переписали на Angular.

Переезд с Drupal 6 на Drupal 7

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

Мы сохранили прежние URL-адреса страниц, что не дало нам потерять позиции сайта в поисковой выдаче и уводить пользователей на страницу с ошибкой 404.

Административная панель

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

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

Бэкенд

Мы объединили медицинский центр с внутренней информационной системой и сайт на Drupal. Информационная система хранит электронные медицинские карты и расписание врачей. Сайт должен принимать из этой системы данные о записи на приём и отправлять данные обратно. Наши базы данных конфликтовали друг с другом: их база написана на Microsoft SQL, а база сайта — на MySQL. Для корректной передачи и приёма данных от одной базы к другой мы написали прослойку на PHP.

3. Результаты сотрудничества

На сайте выросло среднемесячное число записей на приём, число активных пользователей, заходивших за год один раз и больше, и общее число пользователей.