Многопрофильная клиника "Чудо доктор"

Задача

Создать удобный и современный сайт для многопрофильной клиники «Чудо Доктор»   - максимально подготовленный для продвижения в поисковых системах. Интегрировать сайт с информационной системой клиники для отображения актуального расписания приёма врачей и стоимости услуг клиники на сайте. Реализовать возможность онлайн записи на приём с учетом занятости врачей и передачей данных в информационную систему клиники.

Поиск ответов

Работы начались с брифа, в котором клиент указал весь спектр требований и предпочтений от дизайна до наполнения сайта контентом и цели SEO-продвижения

Исследование и проектирование

Данный этап состоял из сбора семантического ядра с составлением SEO-структуры сайта, подготовки требований к интерфейсу и функциональности сайта от SEO-специалиста. Прототип сайта сделали максимально функциональным и понятным для клиента. Для интеграции была выбрана медицинская информационная система «Инфоклиника».

Особое внимание мы уделили проектированию и разработку интерфейса для мобильных устройств, чтобы пользователи смартфонов и планшетов могли без проблем пользоваться сайтом. Для этого дизайнером были созданы макеты разрешением 1920, 1600, 768, 320. Количество прототипов страниц, реализованных под разные типы экрана, составило больше 80.

Дизайн

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

Меню

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

Переключатель «Взрослым»/«Детям»

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

Анимация

Чтобы добиться интересного эффекта с точки зрения дизайна, для иконок мы использовали SVG-анимацию. Это позволило сделать новый сайт более эффектным и динамичным.

Врачи

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

Запись на приём

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

Направления

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

Онлайн-оплата услуг

Чтобы повысить удобство использования ресурса, мы реализовали возможность оплаты в онлайн-режиме. Всё что нужно – это заполнить несколько полей, вписав сумму и комментарий, и кликнуть по кнопке «Оплатить».

Контент

Для начала мы составили SEO-структуру будущего сайта для переноса контента и настройки редиректов, чтобы сохранить органический трафик на сайт. В структуре была наглядно показана вложенность всех страниц со старым и новым URL. Это позволило нам выявить новые страницы, для которых на старом сайте не было контента. Всего со старого ресурса на новый было перенесено около 1000 страниц.

Адаптивность

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

Тестирование

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

Готовый сайт разместили на VPS-сервере и настроили прием оплаты онлайн.