Первый этап — аналитика: изучаем бизнес-процессы, целевую аудиторию, формулируем требования к функциональности и архитектуре. Для страховой компании «Дело Жизни» на этом этапе мы определили, что агентам и клиентам нужны разные роли в одной системе, а не два изолированных сервиса — иначе данные о договорах и статусах пришлось бы синхронизировать вручную между разными базами.
Дальше — UX-проектирование и прототип, который можно проверить на реальных сценариях ещё до начала программирования, и только после этого — разработка веб-интерфейса, админки и серверной части. Для «Дело Жизни» весь путь от старта до запуска занял 6 месяцев, а 90 % функциональности в итоге можно настраивать из административной панели без участия программистов.
Разработку ведём вместе с интеграциями — без них веб-приложение редко живёт отдельно от остального бизнеса заказчика и часто превращается в ещё одну систему, данные из которой всё равно приходится сверять вручную. Для ТСК Мосэнерго мы связали личный кабинет клиентов и сотрудников с 1С и эквайрингом, чтобы данные по счётчикам, начисления и оплата обновлялись автоматически — это сократило и число обращений клиентов в поддержку, и ручную работу сотрудников с бумажными квитанциями, и время на формирование ежемесячной отчётности.
Финальные этапы — тестирование на реальных сценариях, перенос данных из старых систем и запуск с последующей поддержкой: обновления, мониторинг стабильности, доработка функциональности по мере роста бизнеса.
Каждый проект стартует с заявки и брифинга, где мы обсуждаем задачу и фиксируем договорённости, затем представляем концепцию решения и приступаем к работе после подписания договора — так исключается ситуация, когда разработка начинается раньше, чем понятна логика будущей системы.
Технологии разработки веб-приложений
Веб-приложения мы разрабатываем на PHP и JavaScript — в одном из проектов, личном кабинете «Сбербанк Страхование Жизни», клиентская часть написана на Angular. Технологию подбираем под задачу и нагрузку, а не переносим один стек в любой проект без разбора — выбор всегда обсуждаем с заказчиком на брифинге.
Архитектуру проектируем с учётом того, что веб-приложение почти всегда растёт со временем: добавляются новые роли пользователей, отчёты, интеграции. Для «Дело Жизни» такая архитектура сразу заложила гибкую настройку функциональности из админки — это избавляет заказчика от постоянных обращений к разработчикам ради мелких изменений.
Интеграции с 1С, CRM, платёжными сервисами и внешними базами данных проектируем на этапе аналитики, а не добавляем «сверху» в готовое приложение — так удаётся избежать переделки архитектуры после запуска, когда изменить базовую логику системы уже гораздо дороже.
Для проектов с высокой нагрузкой, где одновременно работают сотни пользователей — агентов, менеджеров, клиентов, — закладываем запас по производительности ещё на этапе проектирования базы данных и серверной логики, чтобы система не «тормозила» при росте числа одновременных подключений. Мы намеренно работаем с ограниченным, проверенным набором технологий, которые поддерживаем в проде годами, а не экспериментируем на клиентском проекте с каждым новым фреймворком.
Дизайн и юзабилити веб-приложения
Дизайн веб-приложений делает собственное дизайн-бюро MEN IN DEV — на его счету более 10 000 макетов. Мы проектируем интерфейс от сценариев конкретных ролей: то, что удобно менеджеру в офисе, часто неудобно клиенту, который заходит в личный кабинет раз в месяц.
В ТСК Мосэнерго это означало разные интерфейсы для клиента, которому нужно быстро оплатить счёт по показаниям счётчика, и для сотрудника, который работает с данными по сотням лицевых счетов одновременно и которому важны фильтры, массовые действия и подробные отчёты. Разная частота использования и разные задачи требуют разных решений, даже если технически это одна система.
Профессиональный UI/UX способен увеличить конверсию в целевое действие вдвое — в веб-приложении это может быть оплата, заявка или завершённая настройка личного кабинета, а не просто время, проведённое на странице. Мы собираем UI-kit — единую библиотеку компонентов, которая ускоряет разработку новых разделов и сохраняет целостность интерфейса при росте системы.
Учитываем доступность интерфейса и разные размеры экрана — от desktop до мобильного браузера, поскольку клиенты нередко заходят в личный кабинет именно со смартфона. После передачи макетов в разработку дизайнеры остаются в проекте: проверяют соответствие вёрстки макетам и вносят точечные правки по реальным сценариям использования.
Тестирование и поддержка веб-приложения
Каждый релиз проходит тестирование на разных браузерах и устройствах перед публикацией — веб-приложение должно одинаково стабильно работать вне зависимости от того, с какого устройства и браузера к нему обращается пользователь, будь то рабочий компьютер сотрудника или личный телефон клиента.
После запуска мы не оставляем систему без внимания: мониторим стабильность, обновляем функциональность и дорабатываем сценарии по запросу заказчика по мере того, как меняются его процессы и растёт число пользователей. Формат сотрудничества подбираем под задачу — Fixed Price для чётко описанного объёма работ, Time & Materials для гибкой разработки, Retainer с выделенной командой для системы, которая постоянно развивается.
Для «Дело Жизни» продолжение работы после запуска означало доработку функциональности по мере роста числа агентов и клиентов в системе — проект получил награду Workspace Digital Awards 2026 уже после запуска, на этапе развития, а не только за первоначальную разработку.
Мы не разбиваем разработку и поддержку между разными исполнителями: команда, которая спроектировала систему, знает её логику изнутри и быстрее находит причину сбоя или добавляет нужную функцию. Если вам нужно веб-приложение под задачи бизнеса — расскажите о ней на брифинге, и мы предложим архитектуру решения и модель работы.
