Веб-приложения — что это и чем отличаются от сайта и мобайла

Личный кабинет, B2B-портал, SaaS, PWA — всё это веб-приложения. Одно название, но очень разные продукты. И очень разный бюджет. Если вы слышали «нам нужно веб-приложение» и хотите понять, о чём вообще речь — эта статья отвечает без жаргона.

Ключевая разница между сайтом и веб-приложением: сайт показывает информацию, приложение позволяет с ней взаимодействовать. Не «читаем контент», а «делаем что-то»: заказываем, бронируем, редактируем, отслеживаем, общаемся.

Где заканчивается сайт и начинается веб-приложение

Граница размыта, но есть несколько чётких признаков, что перед вами приложение:

Авторизация. Пользователь регистрируется и видит что-то своё — личный кабинет, заказы, баланс, контент для «премиум».

Данные в реальном времени. Статусы заказов, чат, состояние счёта — всё, что меняется без перезагрузки страницы.

Сложная логика форм. Не «оставить заявку», а «рассчитать стоимость из 10 параметров», «выбрать слот с учётом расписания», «загрузить документы и получить статус проверки».

Роли пользователей. Администратор видит одно, менеджер — другое, клиент — третье.

Если в вашем проекте хотя бы один из этих пунктов — вы говорите о веб-приложении, а не о сайте. Бюджет и сроки будут другими. Самая дорогая ошибка, которую мы видим, — заказать «сайт», а на полпути понять, что строите приложение. Подробнее о разработке сайтов (без логики приложения) — в разделе разработка сайтов.

Типы веб-приложений: 5 самых распространённых

1. Личный кабинет клиента

Самый распространённый тип. Есть у большинства интернет-магазинов, образовательных платформ, сервисных компаний.

Что включает: регистрация/авторизация, просмотр заказов или услуг, личная информация, оплаты, документы. Иногда — чат с поддержкой или уведомления.

Где нужен: e-commerce, онлайн-школы, медицинские центры, клубные сервисы, подписки.

2. B2B-портал

Закрытая зона для партнёров, дилеров или корпоративных клиентов. В отличие от общего сайта — тут свои цены, свой каталог, своя аналитика.

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

Где нужен: производители, дистрибьюторы, оптовики, любой бизнес со структурой «головной офис + сеть дилеров».

3. SaaS (Software as a Service)

Программный продукт, который продаётся по подписке через браузер. Классические примеры: Figma, Notion, HubSpot — только в варианте для конкретного бизнеса или ниши.

Что включает: мультитенантная архитектура (у каждого клиента свой изолированный простор), тарифные планы, биллинг, onboarding, аналитика использования.

Где нужен: компании, которые хотят из сервиса сделать продукт и продавать его массово.

4. PWA (Progressive Web App)

Сайт, который устанавливается на телефон и ведёт себя как приложение: иконка на экране, push-уведомления, офлайн-режим.

Технически — это обычный веб-сайт с дополнительными возможностями через Service Worker. Подробнее — в статье PWA — что это.

5. Внутренний корпоративный инструмент

CRM, ERP-модуль, HR-система, склад, планировщик — инструменты, которые компания строит под собственные процессы, потому что готовые решения не подходят.

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

Чем веб-приложение отличается от мобильного

Где запускается. Веб-приложение — в браузере (Chrome, Safari, Firefox). Мобильное — в App Store или Google Play, нужно устанавливать.

Доступ к устройству. Мобильное приложение может использовать GPS, камеру, Bluetooth, NFC, контакты — глубже интегрируется с железом. Веб-приложение — ограниченнее, хотя PWA закрывает часть этих потребностей.

Стоимость и сроки. Мобильное приложение для iOS + Android — фактически два отдельных продукта или React Native / Flutter. Веб-приложение — одна кодовая база, один деплой. Как правило, быстрее и дешевле за первый цикл разработки.

Практический вывод: если вашему приложению не нужен постоянный доступ к GPS, камере или Bluetooth — веб-приложение или PWA закроет 90% потребностей без затрат на App Store. Мы, кстати, нативные мобильные приложения не делаем — делаем веб и PWA. Если нужен именно натив — посоветуем коллег.

Сколько стоит разработка веб-приложения

Здесь самая большая вариативность — в зависимости от сложности. Вилки ниже — рыночные ориентиры Украины 2026, не прайс Apricode: точная цифра зависит от объёма логики и интеграций.

Личный кабинет (базовый): 40 000 – 120 000 ₴. Авторизация, профиль, заказы, документы. Сроки: 6-10 недель.

B2B-портал (средняя сложность): 150 000 – 400 000 ₴. Мультирольность, сложные фильтры, интеграции с ERP/складом. Сроки: 3-6 месяцев.

SaaS MVP: 300 000 – 1 000 000+ ₴. Мультитенантность, биллинг, onboarding, аналитика. Сроки: 4-12 месяцев в зависимости от объёма.

Корпоративный инструмент: от 200 000 ₴. Зависит от сложности бизнес-логики и количества интеграций.

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

Технический стек для веб-приложений: что мы используем

В Apricode для веб-приложений мы преимущественно используем:

• Frontend: Next.js (React) — SSR/SSG для SEO, большая экосистема
• Backend: Node.js (Payload CMS или NestJS для более сложной логики)
• База данных: PostgreSQL для реляционных данных, Redis для кеширования и сессий
• Auth: NextAuth или JWT + refresh token
• Деплой: Vercel (frontend) + Railway или Hetzner VPS (backend)

Выбор стека всегда обсуждаем под конкретную задачу — не все задачи требуют одинакового подхода.

Что спросить у студии перед заказом веб-приложения

Прежде чем подписывать договор — несколько вопросов, которые сократят риски:

• Есть ли у команды опыт в похожих продуктах? (портал, кабинет, SaaS)
• Кто будет владельцем исходного кода после завершения?
• Как организована документация к API и архитектурным решениям?
• Какая стратегия тестирования — есть QA в команде?
• Что входит в поддержку после релиза и сколько это стоит?

Если на эти вопросы отказываются отвечать — это сигнал. Хорошая студия отвечает конкретно. Как работаем мы — в разделе разработка веб-приложений.

Веб-приложения: итог

Веб-приложения — это когда браузера достаточно, чтобы сделать что-то серьёзное. Кабинет клиента, B2B-портал, SaaS, внутренний корпоративный инструмент — всё строится на веб-технологиях, без App Store и без установки.

Разница между «заказали сайт» и «заказали веб-приложение» — в требованиях к техническому стеку, безопасности, ролям, интеграциям и бюджету. Чем раньше вы это понимаете — тем точнее ТЗ и тем предсказуемее конечный результат.

Если вы не уверены, что именно вам нужно — сайт, приложение или что-то между ними — напишите или позвоните. Разберём задачу и скажем, какой технический подход наиболее уместен.