PWA-приложение: сайт, который устанавливается на телефон

Превращаем сайт в PWA-приложение: оно ставится на экран телефона, открывается без браузерной строки, работает при плохой связи и присылает push. Без App Store и Google Play и дешевле нативной разработки.

PWA-приложение – это сайт, который пользователь устанавливает на телефон как обычное приложение. На экране появляется иконка, страница открывается без адресной строки, каталог и корзина доступны при слабой связи, а вы можете отправлять push-уведомления. Публиковать в App Store, Google Play или RuStore не нужно.

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

PWA делаем на базе существующего сайта, в том числе на 1С-Битрикс. Заказы и заявки идут в Битрикс24 так же, как с сайта, а аналитика остаётся в Яндекс Метрике, только к ней добавляются события установки и открытия из иконки.

Что умеет PWA и чего не умеет

Главный минус: люди не найдут вас в магазине приложений, поэтому установку нужно предлагать на самом сайте и в рассылках. Главный плюс: обновления выходят сразу, без модерации, а ограничения Apple для российских компаний на PWA не распространяются так, как на App Store.

Что входит в разработку PWA-приложения

• Аудит сайта: скорость, мобильная версия, HTTPS. PWA не исправит медленный сайт, поэтому проблемы сначала устраняем.
• Манифест приложения: название, иконки, цвета, экран запуска.
• Service Worker: кэширование каталога и ключевых страниц, офлайн-страница, корректное поведение корзины без сети.
• Push-уведомления: подписка, сегменты, панель для рассылок о статусе заказа, акциях, брошенной корзине.
• Подсказки об установке на Android и инструкция для iPhone, где установка идёт через меню «Поделиться».
• Доработка интерфейса под режим приложения: нижнее меню, кнопка «назад», вход без повторного ввода пароля.
• Аналитика: события установки, открытия из иконки, подписки на push, заказа.
• По желанию публикация PWA в Google Play как обёртки над сайтом (Trusted Web Activity).

Этапы

1. Аудит сайта и выбор сценариев, ради которых человек будет открывать приложение.
2. Исправление скорости и мобильной вёрстки, если нужно.
3. Манифест, Service Worker, офлайн-режим.
4. Push-уведомления и панель рассылок.
5. Тестирование на Android и iPhone в разных браузерах.
6. Запуск, предложение установки на сайте, разбор первых данных аналитики.

Цена PWA-приложения

От 152 000 ₽ при готовом быстром сайте с адаптивной вёрсткой. Стоимость растёт, если сайт нужно ускорять и переделывать под мобильные, если нужен личный кабинет, офлайн-оформление заказа, сложная сегментация push или публикация в Google Play. Работы сверх сметы считаем по ставке 4 200 ₽ в час.

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

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

• Сайт, который устанавливается на телефон и работает при плохой связи.
• Настроенные push-уведомления и панель для рассылок.
• Цели в Яндекс Метрике для установки, подписки и заказа из PWA.
• Инструкцию для контент-менеджера: как обновлять кэш и отправлять уведомления.

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