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

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

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

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

01 / 09

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

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

01

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

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

02

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

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

03

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

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

04

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

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

02 / 09

Когда недостаточно «коробочной» системы

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

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

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

02Согласование документов и решений занимает слишком много времени

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

Что делаемАвтоматизируем маршруты согласования с учётом ролей и полномочий сотрудников. Реализуем уведомления, контроль сроков и историю действий по каждому документу.

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

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

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

04Неудобно вести планирование работ и распределение ресурсов

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

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

05Готовые «коробочные» решения ограничивают развитие бизнеса

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

Что делаемРазрабатываем собственную веб-⁠систему под задачи бизнеса, без ограничений функционала выбранной «коробки». Предусматриваем возможность размещения на инфраструктуре заказчика или в согласованном облаке. Архитектуру проектируем с учётом дальнейшего развития системы, а права на исходный код и условия сопровождения закрепляем в договоре.

06Компания планирует запустить собственный цифровой продукт

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

Что делаемРазрабатываем самостоятельные веб-⁠платформы и онлайн-⁠сервисы: от пользовательских интерфейсов и серверной логики до административной панели. Предусматриваем возможность добавления новых модулей и развития продукта.

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 недель. Этапы частично пересекаются: проектирование, разработка и тестирование идут параллельно по мере готовности отдельных модулей.

Недели 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. Предложим следующий шагОпределим, достаточно ли информации для предварительной оценки или сначала потребуется аудит, исследование и проектирование.