Веб приложение для пациентов

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

О проекте

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

Технологии

Состав команды

  • 2 full-stack разработчика

  • 2 back-end разработчика

  • 2 специалиста по тестированию

1

год работы над проектом

6

специалистов

10

языков в приложении

Решение

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

 

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

 

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

 

У приложения довольно сложное меню, что могло замедлять загрузку страниц. Поэтому было принято решение настроить загрузку и кэширование меню при первом входе на сайт. Для этого команда использовала HTML-документы с заголовками пунктов меню и необходимыми данными. Приложение также содержит множество других статических элементов. Чтобы не перегружать серверы, используются разные уровни кэширования. Первый уровень выполняется через Symfony, а затем все кэшируется через Varnish.

 

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

Одной из важнейших задач была адаптация приложения для людей с нарушениями зрения. Команда разработчиков использовала HTML Accessibility, который позволяет пользователям прослушивать контент и перемещаться по нему. Озвучка осуществляется через скринридеры – VoiceOver для macOS и iOS, TalkBack для Android и NV Access для Windows.

Методология и прозрачность

На проекте мы следовали методологии Scrum – работали двухнедельными

спринтами. Раз в 2 недели всей командой проводились онлайн митинги для оценки

и распределения задач на следующий спринт. Также, каждое утро наша команда

созванивалась с заказчиком и предоставляла отчеты о работе проделанной за

прошедший день.

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

  • Простое управление контентом

    использование CKEditor, с которым легко работать и добавлять новый контент, готовые шаблоны для создания новых объектов, возможность добавления видео из другого сервиса в CKEditor

  • Скорость загрузки

    оптимизированная загрузка за счет кэширования и сжатия видеоконтента

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

    веб-приложение хорошо выглядит на всех типах современных устройств

  • Доступность

    доступность для людей с ограничениями зрения

  • COVID-19 Раздел

    раздел создан в срочном порядке по запросу клиента; он содержит самую актуальную информацию с возможностью записаться на прием или запросить онлайн-консультацию

  • Местоположение

    предоставляет пользователю список доступных врачей-партнеров в зависимости от выбранного штата/региона

  • Мультиязычность

    приложение доступно на 10 языках

Похожие проекты

Более 150 компаний уже воспользовались нашими услугами по разработке программного обеспечения. Не верите нам на слово? Смотрите сами!

Мобильное приложение для образовательных услуг

Платформа для сектора образования, которая облегчает общение между учителями и родителями учеников.
узнать больше

Веб-приложение для обучения танцам

Приложение для индивидуальных и групповых занятий танцами онлайн
узнать больше

Высоконагруженная система обработки и хранения данных

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

Веб-приложение для операций с недвижимостью

Веб-приложение для покупки, аренды и продажи недвижимости онлайн в Испании, Панаме и Коста-Рике.
узнать больше

Веб-приложение для Parfuemerie.de

eCommerce приложение для продажи парфюмерии и косметики по всей Германии
узнать больше

Корпоративное приложение для розничной торговли

Кроссплатформенное мобильное приложение и админ-панель для управления крупной сетью ритейлеров.
узнать больше

Мобильное приложение для Bitcoin.de

Мобильное приложение для криптобиржи
узнать больше

Мобильное приложение для интернет-магазина

Мобильное приложение для продажи детской одежды и аксессуаров
узнать больше

Приложение для управления данными и мультимедиа

Веб-приложение для автоматизации производства медиа-продукции, в частности – каталогов компаний
узнать больше

Давайте обсудим ваш проект

Напишите нам и мы обязательно найдём решение для вашего бизнеса