PWA (Progressive Web App) — веб-приложение, которое ведёт себя как мобильный клиент: иконка на экране, быстрый запуск из кэша, обновления без review сторов. Технически это HTTPS-сайт с Web App Manifest и Service Worker. Для лояльности, каталога, записи, простого заказа и B2B-кабинета это часто закрывает 70–80% задач «приложения» без двойной native-разработки.
Ниже — чем PWA отличается от сайта и native, когда её выбирать на Кипре, что входит в пакеты VivaCoding, ограничения iOS и критерии «когда лучше React Native / Flutter».
Кратко
- PWA = один веб-стек (часто React/Vue) + install + offline + мгновенные обновления; сторы не обязательны.
- Ориентир VivaCoding: Старт от 1 490 € за 2–3 недели; с auth/push/CRM — от 2 490 €; с отдельным API — от 3 990 €.
- Сильные стороны: низкий порог установки, SEO/URL, нет комиссии сторов на веб-оплаты.
- Слабые: NFC/Bluetooth/AR, часть фоновых сценариев; push на iOS ограниченнее, чем в native.
Что такое разработка PWA
Разработка PWA — проектирование UX и выпуск веб-клиента, который проходит критерии installability: безопасный контекст (HTTPS), манифест (имя, иконки, display), service worker для кэша и офлайн-страниц. Пользователь открывает URL, ставит «на экран» и возвращается как в приложение — без поиска в сторе и без ожидания ревью Apple/Google.
Рынок 2026 года ставит PWA как бюджетный вход в «мобильный продукт»: в RU-сегменте типичные вилки порядка 400–1 500 тыс. ₽ за MVP-контур, на Кипре/EU студии часто начинают от ~1 500 € за узкий scope. Native dual при этом заметно дороже; кроссплатформа React Native / Flutter — промежуточный шаг, когда нужны сторы и шире доступ к API устройства.
PWA vs сайт vs native / кросс
| Формат | Установка | Обновления | Железо / API | Когда уместен |
|---|---|---|---|---|
| Адаптивный сайт | Нет | Сразу | Минимум | Контент, SEO, разовый визит |
| PWA | С браузера | Сразу | Средний (камера/гео частично) | Лояльность, заказы, кабинет, MVP |
| React Native / Flutter | Сторы | Через review | Шире | Нужны сторы и push «как у приложений» |
| Native Swift/Kotlin | Сторы | Через review | Максимум | AR/ML, Bluetooth, тяжёлый офлайн |
Если нужна полная карта мобильных форматов и цен — смотрите хаб разработка мобильных приложений. Для проверки гипотезы без «мобильного ощущения» иногда достаточно Lean MVP или веб-приложения.
Когда PWA подходит
- Нужен быстрый MVP или повторные визиты (лояльность, запись, меню, статус заказа).
- Хотите установку без App Store / Google Play и без комиссии сторов на веб-оплату (Stripe, JCC и т.п.).
- Есть или планируется единый backend для сайта и «приложения».
- Команда сильна в вебе (React/Vue) и не хочет две native-ветки с первого дня.
- Важны шаринг URL, SEO посадочных и мгновенный rollout фич.
Когда PWA не лучший выбор
Не рекомендуем PWA как единственный канал, если продукт завязан на Bluetooth/NFC, ARKit, сложный фоновый трекинг, виджеты ОС или вы сознательно строите дистрибуцию только через сторы и ASO. На iOS возможности push и «настоящего» фона всё ещё уже, чем у native — это нужно закладывать в сценарии, а не обещать «как Instagram».
Тарифы на разработку PWA
Цены — ориентиры после фиксации scope. Финальная сумма фиксируется в договоре.
| Пакет | Ориентир | Срок | Состав |
|---|---|---|---|
| Старт | 1 490 € | 2–3 недели | Манифест, иконки, service worker, 5–8 экранов, офлайн-заглушка, install UX |
| Бизнес | 2 490 € | 3–5 недель | Всё из «Старт» + auth, формы → CRM, push где доступен, базовая аналитика |
| PWA + API | 3 990 €+ | 4–8 недель | Отдельный backend, роли, платежи, медиа, админка |
В пакет обычно входят UX/UI, вёрстка и фронт, тесты на Android Chrome и Safari iOS, деплой на HTTPS, краткая инструкция по установке для клиентов, 14–30 дней поддержки после запуска. Не входят: рекламный трафик, лицензии сторонних SaaS сверх списка, native-обёртка в сторы (если понадобится — отдельная оценка).
Как мы делаем PWA — 4 шага
- Бриф и критерии installability — сценарии, аудитория iOS/Android, нужен ли push, офлайн-данные, связь с CRM.
- UX и прототип — ключевые экраны в Figma, путь «открыл URL → установил → вернулся».
- Сборка — манифест, service worker, кэш-стратегия, auth/интеграции по пакету; демо на staging.
- Запуск и обучение — прод, метрики, чеклист установки для команды; план итерации 2 по факту использования.
Технический минимум качественной PWA
- HTTPS, корректные иконки maskable,
displaystandalone/fullscreen. - Service worker с явной стратегией кэша (shell + API) и offline fallback.
- Быстрый LCP на мобильном: без тяжёлого бандла «на всё сразу».
- Прозрачный install-prompt / инструкция для Safari (Add to Home Screen).
- Политика конфиденциальности, если есть auth, гео или маркетинг-пуши.
Связанные услуги
- мобильные приложения — сравнение PWA / RN / Flutter / native
- разработка MVP
- веб-приложения
- дизайн и макет
- интеграция с CRM
- контакты — короткий бриф
FAQ
Чем PWA отличается от обычного мобильного сайта?
Сайт открывается в браузере без установки. PWA добавляет манифест, иконку, режимы отображения без UI браузера и service worker для офлайна/кэша. Пользователь возвращается как в приложение, а не только через закладку.
Сколько стоит разработка PWA приложения?
У VivaCoding: от 1 490 € за стартовый installable-контур, от 2 490 € с auth/CRM/push, от 3 990 € с отдельным API. Рынок шире — сложные PWA уходят в тысячи–десятки тысяч евро; точная сумма после списка Must-have.
Работает ли push на iPhone?
На современных iOS push для веб возможен в ограниченных сценариях и с оговорками по версии ОС и браузеру. На Android (Chrome) push обычно стабильнее. В брифе честно фиксируем, что обещаем клиентам на iOS, и не маскируем gaps.
Нужна ли публикация в App Store?
Для классической PWA — нет. Если позже понадобится витрина сторов, обсуждаем обёртку или отдельный React Native / Flutter клиент — это уже другой scope.
Можно ли потом перейти на native?
Да. API и продуктовая логика часто переиспользуются; меняется клиент. Имеет смысл уходить в native/кросс, когда метрики PWA подтвердили спрос и появились требования к железу или сторам.
Что с поддержкой после запуска?
После релиза — период бесплатных правок (обычно 14–30 дней). Далее пакеты сопровождения: обновления зависимостей, мелкие фичи, мониторинг. PWA проще в сопровождении, чем dual native, но без бюджета на правки продукт тоже устаревает.