Веб-⁠системы

Разработка веб-⁠систем: личные кабинеты, порталы и сервисы

Автоматизируем обработку заявок, согласование документов и работу с данными в единой системе. Настраиваем бизнес-⁠логику, права доступа по ролям и интеграции с CRM, ERP и внутренними сервисами компании.

Стоимостьот 1,5 млн ₽НДС начисляется дополнительно.Состав работ и сроки определяем после изучения задачи и требований к системе.

01 / 09

Сначала разбираемся в задаче

01

Какие задачи должна решить система?

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

02

Какие роли и права нужны?

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

03

Что должно войти в первый релиз?

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

04

Какие технические требования нужно учесть?

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

02 / 09

Когда нужна собственная веб-⁠система

01Сотрудники тратят время на повторяющиеся рутинные задачи

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

Что делаемСоздаём личный кабинет для доступа к документам и статусам обращений. Автоматизируем уведомления и типовые действия без участия менеджера.

02Согласования документов затягиваются

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

Что делаемНастраиваем маршруты согласования по ролям, контроль сроков и уведомления. Сохраняем версии документов и историю принятых решений.

03Сотрудники переключаются между сервисами

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

Что делаемОбъединяем данные и инструменты в едином рабочем интерфейсе. Связываем операции между собой и сокращаем ручной перенос информации.

04Планирование и нагрузку ресурсов ведут вручную

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

Что делаемСоздаём графики работ с учётом загрузки и зависимостей между задачами. Пересчитываем доступные ресурсы при изменении планов.

05Готовое ПО ограничивает развитие

Готовое ПО ограничивает доработки и размещение данных. Зависимость от поставщика мешает добавлять функции и контролировать инфраструктуру.

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

06Нужно запустить собственный онлайн-⁠сервис

Нужен онлайн-⁠сервис с регистрацией, разными ролями и собственными сценариями. Возможностей обычного сайта или конструктора недостаточно.

Что делаемРазрабатываем самостоятельную платформу с интерфейсами, backend и административной частью. Предусматриваем новые модули и развитие сервиса.

03 / 09

Состав работ

В рамках проекта

  1. 01

    Архитектура и модель данных

    Проектируем структуру модулей, модель данных и API. Подбираем технологический стек под требования проекта.

  2. 02

    Бизнес-⁠логика и автоматизация

    Реализуем маршруты согласования, работу со статусами и автоматические операции по правилам бизнеса.

  3. 03

    Ролевая модель и права доступа

    Настраиваем авторизацию и права на действия и данные с учётом ролей, организаций и подразделений.

  4. 04

    Интерфейсы и разработка

    Создаём личные кабинеты, рабочие интерфейсы и панели администрирования. Разрабатываем frontend и backend системы.

  5. 05

    Интеграции и обмен данными

    Подключаем внешние и внутренние системы через API. Настраиваем обмен данными, контроль передачи и обработку ошибок.

  6. 06

    QA и запуск

    Тестируем бизнес-⁠логику, права доступа и интеграции. Запускаем систему, передаём документацию и обеспечиваем месяц поддержки.

Отдельные работы и расходы

  • Доработки действующих систем

    Доработки в 1С, CRM, ERP и других программах заказчика, необходимые для подключения веб-⁠системы и корректного обмена данными.

  • Подготовка и миграция данных

    Очистка, преобразование и перенос пользователей, документов и других данных из действующих систем сверх согласованного объёма.

  • Инфраструктура и лицензии

    Серверы, облачная инфраструктура, платные API, лицензии и подписки внешних сервисов, необходимых для работы системы.

  • Независимый аудит безопасности

    Внешний пентест, сертификация и специализированные проверки информационной безопасности, проводимые независимыми экспертами.

  • Развитие после запуска

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

04 / 09

Состав, сроки и цена

01

Личный кабинет для клиентов и партнёров

Что входит

Авторизация, заявки и документы в кабинетах клиентов и партнёров, статусы и уведомления. Несколько ролей и административная панель.

Срок10–⁠14 недель

от 1,5 млн ₽

02

Корпоративный портал

Что входит

Рабочие кабинеты сотрудников, общие справочники, маршруты согласования, разграничение доступа и взаимодействие подразделений.

Срок12–⁠18 недель

от 2 млн ₽

03

Система автоматизации бизнес-⁠процессов

Что входит

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

Срок14–⁠20 недель

от 2,5 млн ₽

04

Самостоятельная веб-⁠платформа

Что входит

Несколько функциональных модулей, сложная ролевая модель и собственный API. Административные инструменты и архитектура для масштабирования.

Срокот 20 недель

от 3,5 млн ₽

Условия

  • Стоимость зависит от количества модулей, сложности бизнес-⁠логики и технических требований. Точную оценку готовим после согласования ТЗ.
  • Сроки ориентировочные и уточняются после изучения требований к системе.
  • Оплата по этапам. Порядок и условия согласовываем с заказчиком.
  • Цены указаны без НДС, он начисляется дополнительно. Предоставляем закрывающие документы.

05 / 09

Как проходит разработка

На примере личного кабинета для клиентов и партнёров с интеграцией с 1С. Срок — около 14 недель; проектирование, разработка и QA частично идут параллельно.

Недели 1–⁠2

Исследование и сбор требований

Интервьюируем заказчика и будущих пользователей, изучаем рабочие операции и исключения. Фиксируем цели автоматизации, ограничения и требования к результату.

От вас: участие руководителей направлений, будущих пользователей и IT-⁠специалистов
Недели 2–⁠4

Интеллект-⁠карта ролей и процессов

Строим интеллект-⁠карту ролей, процессов и переходов между ними. Описываем исключения и матрицу прав доступа, определяем состав модулей и их взаимосвязи.

От вас: проверка ролей, маршрутов и исключений вместе с будущими пользователями
Недели 4–⁠7

Архитектура, прототипы и UX/UI-⁠дизайн

Определяем архитектуру, модель данных и API. По согласованной карте создаём интерактивные прототипы и интерфейсы для разных ролей, готовим ТЗ и критерии приёмки.

От вас: согласование прототипов, интерфейсов, технического задания и критериев приёмки
Недели 6–⁠12

Разработка и интеграции

Реализуем frontend, backend, бизнес-⁠логику и интеграции. Показываем готовые модули по мере разработки, а QA параллельно проверяет сценарии и их взаимодействие.

От вас: доступы к тестовым средам, необходимые данные и проверка готовых модулей
Недели 12–⁠14

Комплексное QA, приёмка и запуск

Проводим E2E-, интеграционное и регрессионное тестирование, проверяем права доступа и данные. После приёмки запускаем систему, передаём документацию и обучаем сотрудников.

От вас: приёмка системы, доступы к рабочей инфраструктуре и участие в обучении

06 / 09

Пример одного процесса

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

1 из 5

Заявитель

Заполняет заявку в личном кабинете и прикладывает документы. Перед отправкой система проверяет обязательные поля и показывает, что необходимо исправить или дополнить.

ЗаявкаДокументыОтправлена
2 из 5

Сотрудник

Проверяет заявку по чек-⁠листу. Если информации недостаточно, возвращает её на доработку с комментарием. Если всё в порядке, передаёт на согласование.

ПроверкаНа доработкуНа согласовании
3 из 5

Согласующий

Получает проверенную заявку, принимает решение и при необходимости оставляет комментарий. Результат сохраняется в истории рассмотрения.

СогласованоОтклоненоИстория решений
4 из 5

Система

После согласования формирует документ по шаблону, отправляет уведомление заявителю и передаёт необходимые данные в подключённые системы.

ДокументУведомлениеПередача данных
5 из 5

Руководитель

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

СтатусыОтветственныеОтчёт

07 / 09

Кто работает над вашим проектом

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

Руслан, фото

Руслан

Руководитель проектов

Организует работу команды, координирует согласования и взаимодействие с заказчиком, контролирует выполнение задач и сроки.

Игнат, фото

Игнат

UX/UI-⁠дизайнер

Проектирует пользовательские сценарии, разрабатывает дизайн-⁠макеты и адаптивные интерфейсы.

Василий, фото

Василий

Frontend-⁠разработчик / QA

Реализует пользовательские интерфейсы, участвует в функциональном тестировании и проверке качества продукта.

Олег, фото

Олег

Backend-⁠разработчик

Разрабатывает серверную логику, API и интеграции с внешними системами.

Ответственность руководства

Артём Абдулаевдиректор

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

Алексей Куприяновтехнический директор

Контролирует архитектуру, технические решения и качество разработки.

09 / 09

Вопросы

Можно ли начать разработку, если у нас нет технического задания?

Да. Начинаем с исследования бизнес-⁠процессов и сбора требований. Совместно с вашей командой составляем интеллект-⁠карту ролей и процессов, описываем бизнес-⁠логику, проектируем архитектуру и интерфейсы. По результатам проектирования готовим техническое задание, согласовываем объём разработки, сроки и стоимость.

Можете разработать только часть системы, например frontend?

Да. Можем взять на себя отдельные направления разработки: исследование, проектирование, UX/UI-⁠дизайн, frontend или интеграцию интерфейсов с существующим backend.

В совместных проектах можем вести frontend-⁠код в нашем GitHub и настроить синхронизацию с GitLab заказчика. Согласовываем контракт API, порядок обновлений, зоны ответственности и совместное тестирование.

Как обеспечиваете разграничение доступа и защиту данных?

Проектируем ролевую модель (RBAC) и матрицу прав доступа. Проверяем авторизацию и права пользователей не только в интерфейсе, но и на уровне API и операций с данными. Для систем с несколькими организациями предусматриваем изоляцию их данных.

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

Кому будет принадлежать исходный код веб-⁠системы?

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

На каком технологическом стеке разрабатываете веб-⁠системы?

Технологии выбираем под требования проекта. В основном разрабатываем на Next.js и React, для управления данными и контентом используем собственную DelbaCMS. При необходимости работаем и с другими технологиями, например с Laravel (PHP). Базу данных и архитектуру определяем с учётом бизнес-⁠логики, требований к производительности, безопасности и инфраструктуре. Если у заказчика есть обязательные требования к технологиям, учитываем их при проектировании.

Можно ли доработать существующую платформу вместо создания новой?

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

Можно ли разместить веб-⁠систему на наших серверах?

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

Кто будет поддерживать и развивать систему после запуска?

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

Обсудить систему

Расскажите о процессе и его участниках. Если есть ТЗ или действующая система, приложите описание или ссылку.

Напишите, как к вам обращаться
Укажите номер полностью, 10 цифр после +7
Укажите почту или ник в Telegram
Опишите задачу хотя бы в одном предложении
Можно приложить техническое задание, описание проекта или другие материалы

Что будет после отправки

  1. Изучим вашу задачуОзнакомимся с описанием проекта и приложенными материалами, чтобы подготовиться к предметному разговору.
  2. Свяжемся и обсудим деталиУточним задачи бизнеса, требования к проекту и существующие ограничения. При необходимости подключим технического директора.
  3. Предложим следующий шагОпределим, достаточно ли информации для предварительной оценки или сначала потребуется аудит, исследование и проектирование.