Проектирование и дизайн сайта клиники — «Каскад»

В 2022 году перед клиникой «Каскад» стояла задача создания сайта. Мы провели этап проектирования: подготовили структуру разделов, создали дизайн-концепцию, отрисовали макеты интерфейсов и проработали техническое задание для команды разработчиков.

Почему этап проектирования необходим до разработки

Этап проектирования важен по двум причинам:
1. чётко проработанное ТЗ и макеты дизайна сайта создают правильные ожидания у клиента: заказчик точно понимает, что получит в результате работы программистов;
2. техническая спецификация, описание бизнес-логики, проработанные пользовательские сценарии нужны, чтобы дать точную оценку разработки.

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

В panfilov.digital в этап проектирования входит проработка десяти компонентов:

Подробнее можно прочитать в статье Максима Панфилова на panfilov.online →

Какие задачи решает сайт для клиники

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

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

Структура сайта предполагала большое количество разделов с контентом: Главная, О клинике, Блог, Новости, Акции, Оборудование, Вакансии, Контакты, Врачи, Услуги и Направления.

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

Ход проекта

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

Исследовательский этап помог нам составить структуру сайта и лучше продумать пользовательские сценарии.

В результате мы предложили клиенту место 10 разделов мы сделать 13, выделив Заболевания, Методы лечения, Отзывы. Это поможет в SEO-продвижении и добавит пользы для пациентов.

Оказалось, что у каждого медицинского направления могут быть подкатегории (например, у направления стоматологии есть подкатегории хирургии, ортопедии и терапия). В разделе «Направления» подразумевалось наличие одной разводящей страницы и далее детальных страниц услуг. При исследовании мы поняли, что этого недостаточно для удобной навигации. Лучше сделать одну разводящую страницу направления, с которой можно перейти к подкатегории и только потом уже попасть на страницу услуги.

Дизайн интерфейса

На основе проработанных пользовательских сценариев мы подготовили три варианта дизайн-концепции главной страницы.

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

Функциональное описание и техническое задание

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

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

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

Результат

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

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