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

Разработка веб-порталов

Веб-портал --- это не просто сайт с красивыми страницами. Это рабочий инструмент, через который ваши клиенты, партнёры или сотрудники решают конкретные задачи. Оформляют заказы, отслеживают статусы, загружают документы, общаются с менеджерами.

Если у вас растёт поток клиентов и менеджеры тонут в Excel-таблицах --- пора автоматизировать. Если партнёры звонят, чтобы узнать статус заказа --- пора дать им личный кабинет. Если отдел продаж работает в трёх разных системах --- пора собрать всё в одном месте.

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

Какие порталы мы разрабатываем

Личные кабинеты клиентов

Место, где ваш клиент видит всё: историю заказов, текущие статусы, документы, счета, акты. Без звонков менеджеру, без писем на почту. Зашёл --- увидел --- скачал.

Что обычно включаем:

• Регистрация и авторизация (email, телефон, OAuth)
• История заказов с фильтрацией и поиском
• Онлайн-оплата и выставление счетов
• Загрузка и хранение документов
• Уведомления (email, push, Telegram)
• Тикет-система для обращений

B2B-платформы

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

Типичные задачи:

• Оптовый каталог с индивидуальными ценами
• Система заявок и согласований
• Управление дилерской сетью
• Документооборот между компаниями
• Аналитика продаж по партнёрам

CRM-модули и внутренние порталы

Иногда готовые CRM не закрывают специфику бизнеса. Нужна своя система --- с нужными полями, нужной логикой, нужными отчётами. Мы делаем кастомные CRM-модули, которые встраиваются в портал или работают самостоятельно.

Что реализуем:

• Воронки продаж с настраиваемыми этапами
• Управление задачами и проектами
• Аналитические дашборды
• Ролевая модель доступа (администратор, менеджер, клиент)
• Интеграция с телефонией, мессенджерами, почтой

Как устроен процесс разработки

1. Аналитика и проектирование --- 2-4 недели

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

На выходе:

• Карта пользовательских сценариев
• Техническое задание с описанием всех модулей
• Прототипы ключевых экранов (Figma)
• Архитектурная схема (база данных, API, интеграции)

Этот этап --- самый важный. Ошибки в проектировании стоят в разы дороже, чем ошибки в коде.

2. Дизайн интерфейса --- 2-3 недели

Портал должен быть удобным. Не красивым ради красоты, а понятным. Чтобы новый сотрудник разобрался за 10 минут без инструкции. Чтобы клиент нашёл нужный документ за три клика.

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

3. Разработка --- 6-16 недель

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

Фронтенд и бэкенд разрабатываем параллельно. API проектируем заранее, чтобы команды не блокировали друг друга.

4. Тестирование --- 1-2 недели

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

5. Запуск и миграция --- 1 неделя

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

Технологический стек

Выбор технологий зависит от задачи. Вот что используем чаще всего:

Фронтенд:

• Next.js + React --- для порталов, где важна скорость и SEO
• TypeScript --- строгая типизация, меньше багов
• Tailwind CSS --- быстрая вёрстка, единообразный дизайн

Бэкенд:

• Node.js (Express, tRPC) --- для API и серверной логики
• PostgreSQL --- основная база данных
• Redis --- кэширование и очереди задач
• Prisma --- ORM для работы с базой

Инфраструктура:

• Docker --- контейнеризация для стабильного деплоя
• Nginx --- reverse proxy и балансировка
• PM2 --- менеджер процессов
• CI/CD --- автоматический деплой при пуше в репозиторий

Интеграции:

• 1С --- обмен данными о заказах, товарах, клиентах
• Платёжные системы --- ЮKassa, CloudPayments, Тинькофф
• SMS и email-рассылки --- через API провайдеров
• Телефония --- для CRM-модулей

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

Безопасность

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

Что делаем по умолчанию:

• JWT-авторизация с refresh-токенами
• Ролевая модель доступа (RBAC)
• Шифрование паролей (bcrypt)
• Защита от CSRF, XSS, SQL-инъекций
• Rate limiting на API
• Логирование действий пользователей
• HTTPS и Content Security Policy

Для проектов с повышенными требованиями --- двухфакторная аутентификация, аудит безопасности, соответствие 152-ФЗ.

Что влияет на стоимость

Портал --- это не коробочный продукт. Цена зависит от масштаба и сложности.

Основные факторы:

• Количество ролей пользователей (чем больше --- тем сложнее логика доступа)
• Число интеграций с внешними системами
• Объём кастомной бизнес-логики
• Требования к нагрузке (100 пользователей или 100 000)
• Необходимость миграции данных из старых систем

Ориентировочные цены:

Финальную стоимость рассчитываем после аналитики. Без неё любая цифра --- это пальцем в небо.

Что вы получаете

• Работающий портал на тестовом и боевом серверах
• Исходный код --- полностью ваш, без привязки к нам
• Документацию по архитектуре и API
• Инструкцию по администрированию
• 3 месяца гарантийной поддержки
• Обучение вашей команды

Когда портал --- это правильное решение

Портал нужен, если:

• Менеджеры тратят время на задачи, которые клиент мог бы делать сам
• Партнёры постоянно запрашивают информацию, которая могла бы быть доступна онлайн
• Бизнес-процессы размазаны по разным инструментам (почта, мессенджеры, таблицы)
• Вам нужна аналитика, которую не даёт ни одна готовая система

Портал не нужен, если задачу закрывает готовое решение. Мы честно об этом скажем --- иногда Битрикс24 или AmoCRM решают проблему быстрее и дешевле, чем кастомная разработка.

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