logo

PreventAge

Баннер PreventAge
Описание
О проекте
PreventAge — международный институт интегральной превентивной и антивозрастной медицины, который проводит обучение врачей на территории России и стран СНГ. Основная цель сервиса — образовательная: дать врачам удобную платформу, где можно находить курсы, проходить обучение и взаимодействовать с контентом без технических сложностей.
Задача
Модернизировать архитектуру сервиса, оптимизировать производительность и обновить админ‑панель, чтобы платформа выдерживала рост аудитории. 1. На основе анализа пользовательского опыта (RFI) и обратной связи от участников программы требовалось полностью переработать дизайн. Главное — не просто обновить внешний вид, а улучшить навигацию и сделать взаимодействие с платформой интуитивно понятным. 2. Текущие процессы нуждались в пересмотре: требовалось проанализировать, где система работает неэффективно, предложить улучшения и зафиксировать новую логику в техническом задании. 3. Прежний код больше не соответствовал современным требованиям. Было принято решение создать систему с нуля, без использования устаревших технологий (legacy-кода), но с интеграцией текущей базы данных. 4. Для эффективного управления сервисом необходимо было разработать веб-решение в виде административной панели, который позволил бы легко обновлять информационные блоки, редактировать меню связанного сайта, управлять шаблонами договоров и подключать платежный терминал. 5. Основная цель сервиса — образовательная. Поэтому важно было создать удобную платформу, где пользователи могли бы легко находить нужные курсы, проходить обучение и взаимодействовать с контентом без технических сложностей.
PreventAge — изображение iPad
Разработка
Анализ проблемы
Система работала без сбоев, пока нагрузка не превышала 100 одновременных пользователей. Но как только этот порог оказывался пройден, сервис становился нестабильным: страницы загружались с задержками, а в пиковые моменты доступ к платформе и вовсе пропадал. Для образовательного проекта, где врачи рассчитывают на бесперебойную работу системы, такие сбои были недопустимы. Решение требовалось срочно — необходимо было модернизировать архитектуру сервиса, оптимизировать его производительность и обновить админ-панель, чтобы платформа справлялась с увеличивающейся аудиторией без перебоев.
Анализ и предложения
Перед разработкой мы погрузились в исследование: • проанализировали конкурентов и существующие решения на рынке, чтобы понять, какие функции действительно важны • провели глубокие интервью с заказчиком, чтобы учесть его ожидания и бизнес-цели • организовали CustDev-интервью с будущими пользователями, чтобы понять их реальные потребности • продумали архитектурное планирование, заложив основу для будущей масштабируемости проекта
Дизайн
Личный кабинет и авторизация

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

PreventAge — дизайн
Удобный календарь занятий

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

PreventAge — дизайн
Полная информация о курсах
  1. Время занятий и список тем.
  2. Информация о преподавателях.
  3. Требования к участникам.
  4. Ожидаемые результаты обучения.

Это помогает пользователям сразу понять, насколько программа соответствует их профессиональным целям.

PreventAge — дизайн
Гибкая система оплаты
  1. Поддержка платежей от физических и юридических лиц.
  2. Выставление счетов для организаций.
  3. Автоматическая генерация квитанций и финансовой отчетности.

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

PreventAge — дизайн
Реализация
Для реализации проекта мы использовали современный набор технологий, обеспечивающий быстродействие, надежность и удобство в развитии. 1. TypeScript, React, Next.js — для создания динамичного и быстрого фронтенда. 2. PHP — для серверной логики. 3. Интеграция с Robokassa — для удобных и безопасных платежей. 4. API Яндекс Карт — для мероприятий геолокационных сервисов.
Тестирование
Перед запуском провели комплексное тестирование. 1. Функциональное тестирование, чтобы убедиться, что все элементы работают без сбоев. 2. Тестирование безопасности, чтобы защитить данные пользователей. 3. Нагрузочное тестирование, проверив, как система справляется с пиковыми нагрузками.
Масштабирование архитектуры
Чтобы платформа могла без проблем развиваться, мы разработали устойчивую и гибкую архитектуру, которая. 1. Позволяет автоматически настраивать административную панель, делая управление контентом максимально удобным. 2. Готова к расширению функционала без потери производительности. 3. Оптимизирована для высокой нагрузки, чтобы пользователи всегда получали стабильный доступ к обучению.
Результаты работы
Релиз
PreventAge стал не просто обучающим сервисом, а надежной и технологичной экосистемой. Теперь он готов к масштабированию, автоматизирует ключевые процессы и предлагает врачам комфортный доступ к обучению без технических сложностей.
1. Умная система доступа
Доступ на платформу предоставляется только врачам — вход осуществляется через проверку номера медицинской лицензии, что исключает случайных пользователей.
2. Высокая производительность и стабильность
Платформа теперь выдерживает до 5000 одновременных пользователей, обеспечивая быструю и бесперебойную работу даже в пиковые часы. Реализована DDoS-защита, которая предотвращает атаки и гарантирует стабильность сервиса.
3. Полный цикл организации образовательных программ
Теперь можно создавать, управлять и продавать образовательные курсы и мероприятия, а пользователи — легко записываться и оплачивать обучение. Встроена функция тестирования пользователей для оценки знаний по пройденным курсам.
4. Гибкое управление через админ‑панель
Внесение изменений стало проще: обновлять информацию на сайте теперь можно в несколько кликов через удобную административную панель. Возможность учёта ролей в системе позволяет точно распределять права доступа и функциональные возможности для администраторов и пользователей.
5. Интеграция с ключевыми сервисами
Для удобного управления клиентами и оплатами реализована интеграция с AmoCRM, Robokassa и другими сервисами.
6. Автоматизация отчетности
В админ‑панели доступна выгрузка детализированных отчетов по пользователям, продажам, историям действий и другим важным метрикам.