yucod

Сайт, що працює як застосунок і не залежить від інтернету

PWA (progressive web app) — це сайт, який клієнт ставить на екран телефона як звичайний застосунок. Він відкривається за секунди, надсилає сповіщення і працює без мережі. Ви не платите за дві окремі розробки під iOS та Android і не чекаєте модерації в магазинах.

Кошторис і строки після брифу

Кому підходить

  • Сервісам і службам, чиї працівники бувають без зв'язку: склад, виїзд, польові роботи
  • Бізнесу, який хоче застосунок, але не готовий платити за дві нативні розробки
  • Магазинам і сервісам із постійними клієнтами, яким потрібні сповіщення й швидкий вхід
  • Стартапам, що перевіряють ідею перед великим бюджетом

Які задачі вирішуємо

Застосунок під iOS і Android коштує задорого, а ми ще не знаємо, чи він потрібен

Робимо одну PWA на базі веб-технологій. Вона працює на обох системах із одного коду. Спершу перевіряємо попит на пілоті з чітким KPI.

Працівники в полі часто без інтернету, і дані губляться

Вносимо дані локально на пристрої й синхронізуємо, коли зв'язок повертається. Окремо продумуємо випадки, коли два користувачі змінили той самий запис.

Клієнти не хочуть ставити застосунок із магазину заради одного замовлення

PWA встановлюється з браузера за один тап. Користувач бачить іконку на екрані, а нічого завантажувати не треба.

Сайт повільний, і людина йде, не дочекавшись

Кешуємо потрібні ресурси через service worker (службовий скрипт у браузері) і міряємо швидкість до та після.

Що входить у роботу

  • Аналіз сценаріїв: що має працювати офлайн, а що ні
  • Дизайн інтерфейсу під телефон і планшет
  • Web App Manifest: іконка, назва, кольори, режим повного екрана
  • Service worker і стратегія кешування
  • Офлайн-режим із локальним сховищем (IndexedDB) і синхронізацією
  • Вхід користувачів і ролі
  • Web Push-сповіщення там, де їх підтримує браузер
  • Підключення до CRM, платежів або вашої бази
  • Тестування на реальних телефонах, iOS та Android
  • Розгортання, домен, HTTPS і передача всіх доступів вам

Оберіть обсяг роботи

Пакет допомагає описати задачу. Кошторис і строки погоджуємо після брифу та уточнення вимог.

01

PWA-пілот

Перевірити ідею на одному ключовому сценарії

  • Один основний сценарій
  • Установлення з браузера й іконка
  • Базовий офлайн: перегляд кешованих даних
  • Вимірюваний KPI пілота
Обговорити цей обсяг
02

PWA для бізнесу

Сервісам із клієнтами або працівниками, що працюють щодня

  • Вхід, ролі та особистий кабінет
  • Офлайн-запис даних із синхронізацією
  • Web Push-сповіщення
  • Інтеграція з CRM або платежами
  • Адмінка для вашої команди
Обговорити цей обсяг
03

PWA-платформа

Складним продуктам і SaaS із кількома ролями

  • Кілька ролей і складні права доступу
  • Багатий офлайн і вирішення конфліктів даних
  • Кілька інтеграцій та API
  • ШІ-агент або автоматизація в процесах
  • План розвитку й підтримка
Обговорити цей обсяг

Як працюємо

01

Бриф і вимоги

Ви описуєте задачу й поточний процес. Уточнюємо вимоги, обираємо перший етап і готуємо кошторис.

02

Сценарії й прототип

Визначаємо, що працює офлайн, і малюємо екрани. Ви бачите прототип до початку розробки.

03

Розробка пілота

Збираємо ключовий сценарій і ставимо KPI, який можна виміряти. Оплата йде поетапно.

04

Тест на реальних пристроях

Перевіряємо на різних телефонах, зі слабким і зникаючим зв'язком, у iOS та Android.

05

Запуск і передача

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

Межі роботи

  • Не обіцяємо, що PWA замінить усі можливості нативного застосунку: доступ до деяких функцій пристрою обмежений
  • Не гарантуємо однакову поведінку сповіщень на всіх версіях iOS і браузерів, тож перевіряємо це окремо
  • Не робимо розміщення в App Store чи Google Play у межах PWA. Це окрема послуга, якщо вона вам знадобиться

Часті питання

Чим PWA відрізняється від звичайного сайту?

PWA встановлюється на екран телефона, працює без мережі й може надсилати сповіщення. Для користувача це схоже на застосунок. Для вас це один код замість двох.

Чи буде PWA в App Store і Google Play?

За замовчуванням ні, вона відкривається з браузера. Google Play приймає PWA через обгортку, і ми можемо це зробити окремо. З App Store складніше, бо Apple ставить свої вимоги.

Що саме працюватиме офлайн?

Це ми визначаємо разом на початку. Перегляд даних і внесення записів з наступною синхронізацією зазвичай можливі. Платежі й дії, що потребують сервера в реальному часі, офлайн не працюють.

Що потрібно від мене?

Опис процесу, приклади даних, доступ до CRM або бази, якщо вона є, і людина, яка приймає рішення. Логотип і брендбук потрібні, якщо вони вже є.

Скільки це коштує?

Кошторис готуємо після брифу й уточнення вимог. Для першого етапу можемо взяти такий обсяг: один основний сценарій; Установлення з браузера й іконка. Склад робіт, оплату й строки погоджуємо до старту.

Кому належить код і акаунти?

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

Почнемо з вашої задачі

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

Заповнити бриф