Создание масштабируемого и независимого шаблона сайта для медицинских организаций

Главное о кейсе

Наша задача заключалась в разработке масштабируемого и независимого шаблона сайта для медицинских организаций.

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

Для решения этой задачи мы использовали систему управления контентом Strapi, которая предоставила полную независимость блоков контента на сайте. Это дало возможность настраивать каждый блок отдельно, что сделало шаблон гибким и легко адаптируемым под различные нужды клиента.

Мы внедрили Headless CMS, разделив логику backend и frontend, что позволило создавать уникальные страницы без ограничений традиционных шаблонов.

Основные достижения проекта:
— Полная независимость блоков контента позволила контент-менеджерам без помощи программистов добавлять и изменять материалы.
— Шаблон был адаптирован под мобильные устройства, теперь на смартфонах сайт выглядит как приложение, что улучшило пользовательский опыт.
— Поддержка API GraphQL и RESTful обеспечила бесшовную интеграцию с внешними сервисами.
— Потенциальный клиент сможет сэкономить значительные средства на разработке и поддержке сайта, так как для управления проектом нужен только frontend-разработчик.

Как проект изменил жизнь пользователей

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

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

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

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

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

Бизнес-задача и ее решение

Внедрение адаптируемого шаблона для клиники стоит от 190 000 до 290 000 рублей, в зависимости от индивидуальных настроек и количества страниц. Разработка кастомного сайта с нуля без использования шаблона обошлась бы клинике в 600 000 - 800 000 рублей, так как потребовалась бы проработка дизайна, интеграция уникальных функций и адаптация под медицинские потребности.

Крафт (мастерство), реализация, технические детали

Основное технологическое достижение проекта — использование системы управления контентом Strapi в качестве headless CMS, что позволило разделить логику backend и frontend. Это дало свободу в разработке уникальных и гибких страниц, где каждый блок контента работает независимо, без привязки к жёстким шаблонам.
Мы использовали современные технологии, такие как API GraphQL и RESTful, что позволило легко интегрировать внешние сервисы для расширения функционала. Благодаря кастомизированному REST API, шаблон можно было адаптировать для работы с различными front-end фреймворками, такими как Vue, React и Angular, что значительно увеличило его гибкость.
Также важно упомянуть, что использовался стек фреймворков Nuxt 3 и Strapi. Такой подход улучшает SEO-оптимизацию и обеспечивает лёгкую интеграцию через RESTful и API GraphQL.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты