Начать проект

Обсудим проект?

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

Отправлено!

Спасибо за заявку, мы свяжемся с вами в ближайшее время!

Разработка PWA

Создаём веб‑продукты с функционалом полноценного приложения: иконка на телефоне, уведомления, работа без сети. Для клиента это то же приложение, что ставят из стора, — те же сценарии и та же связь с ним. Для вас — одна разработка вместо двух платформ и обновления, которые выходят по вашему решению.

Обсудить задачу
Разработка PWA-приложений — Code Pilots

Что делаем

Какие PWA мы собираем

Быстрые

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

Надёжные

Метро, склад, лифт, роуминг — связь пропадает, работа не останавливается. Заказ или заявка сохраняется на устройстве и уходит на сервер, когда сеть вернулась.

Безопасные

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

Красивые

Мобильные экраны рисуем как приложение, а не как сайт в рамке: свои жесты, переходы, состояния кнопок. По ощущениям от использования человек не поймёт, что открыл браузер.

Отзывчивые

Одна кодовая база держит телефон, планшет и компьютер: на большом экране продукт работает отдельным окном без адресной строки, и десктопное приложение вам не нужно.

Права на продукт остаются у вас

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

Почему мы

Почему заказывают у нас

Начинаем не с нуля

Каркас PWA на Vue у нас уже собран и обкатан — офлайн‑кеш, экран установки и пуши в нём работают. Считаем только ваши сценарии.

AI-first разработка

Черновики экранов и тестов готовит ИИ, а собранное принимает инженер. На живых телефонах проверяет тоже человек — Safari ошибки прощает плохо.

Мобильный опыт — наша практика

Приложения для iOS и Android мы выпускаем годами. Поэтому в PWA сразу закладываем то, к чему пользователь привык в приложении.

Работаем по Fixed Price

Состав первой версии и цену держим в договоре. Переработку по своей ошибке в оценке не перевыставляем.

Быстрый запуск

За 2–⁠3 месяца открываем первую версию с установкой, офлайном и пушами. Дальше добавляем разделы на живом продукте.

Предпринимательский взгляд

Основатели — совладельцы других бизнесов. Если PWA вашей задаче не подходит, они скажут это на первой встрече.

Для кого

В каких отраслях работаем

E‑commerce

Повторный заказ с иконки и уведомление о статусе доставки.

Ритейл

Карта лояльности и купоны, которые не надо ставить из стора.

Услуги и запись

Запись к специалисту, перенос визита и напоминание накануне.

Логистика

Заявка, статус груза и документы у водителя в дороге.

HRTech

Смены, отклики и график у линейного персонала на телефоне.

Мероприятия и клубы

Расписание, регистрация и лента сообщества под рукой.

Медиа и контент

Подписка, лента и чтение там, где связь пропадает.

Образование

Курс, задания и напоминания на телефоне ученика.

Проекты

Кейс: Hubstr

Hubstr — наш собственный продукт. На этом SaaS закрытые клубы и сообщества запускают своё приложение, и среди клиентов есть Атланты, Эталон, Миллиард и Газпром Профсоюз.

Мобильные версии собраны на Flutter и выходят в App Store и Google Play. Рядом мы сделали веб‑версию, которая работает в любом браузере и повторяет все функции мобильного приложения.

Из‑за этой веб‑версии продукт перестал зависеть от модерации. Правку в ней выкладываем сразу, не дожидаясь проверки стора, и владельцу сообщества не нужно ждать релиза, чтобы поменять у себя расписание или оформление.

Читать кейс

Сравнение

Когда PWA хватает, а когда нужен натив

PWA закрывает большинство задач, но не все. Мы выпускаем и нативные приложения, поэтому нам нет смысла продавать вам PWA там, где она не справится.

PWA — ваш вариант, если

  • Продукт живёт в браузере, и его нужно вывести на телефон: заказы, кабинет, запись, каталог, внутренние инструменты.
  • Обновления нужны часто, а ждать ревью и апдейта на стороне клиента вы не готовы.
  • Трафик идёт из рекламы и поиска, и терять его на переходе в стор дорого.
  • Нужен один продукт на iOS, Android и компьютере, а не три сборки.
  • Бюджета на два нативных приложения нет, а мобильный опыт нужен сейчас.

Нужно нативное приложение, если

  • Продукт опирается на железо: Bluetooth и NFC, работа в фоне, точная геолокация при закрытом экране.
  • Внутри тяжёлая графика, обработка видео или сложные расчёты на устройстве.
  • Ваша аудитория ищет вас в App Store, и присутствие там — часть продукта.
  • Требования безопасности предполагают хранение ключей в защищённом чипе устройства.
Мобильный сайтPWAНативное
Иконка на телефоненетдада
Пуш‑уведомлениянетдада
Работа без сетинетдада
Обновление у пользователясразусразучерез стор
Приводит трафик из поискададанет
Доступ к железубазовыйпочти весь, кроме Bluetooth и фонавесь
Сборок под платформыоднаоднадве
Присутствие в App Storeнетчерез полноценное приложениеда

Стек

На чём собираем PWA

Клиентскую часть пишем на Vue — на нём собраны наши каркасы. Установку, офлайн и уведомления держит Service Worker, и его поведение проверяем на живых телефонах обеих платформ.

Фронтенд

  • Vue
  • Nuxt
  • TypeScript

PWA

  • Service Worker
  • Push
  • Кеш

Бэкенд

  • PHP
  • Laravel
  • PostgreSQL

Проверка

  • iOS
  • Android
  • Lighthouse

Цена

Стоимость PWA

от 1 млн ₽

Мобильные экраны, установку, офлайн и уведомления делаем в первой версии. Цену и срок закрепляем в договоре, когда список сценариев согласован.

Получить расчёт
01

Сколько экранов

Три ключевых сценария и весь личный кабинет — разные проекты. Считаем по экранам, которые нужны на телефоне.

02

Есть ли готовый бэкенд

Если ваш сервис уже отдаёт данные по API, работы меньше. Если API ещё нет, его разработку считаем отдельной частью.

03

Дизайн под ваш бренд

Мобильные экраны можно собрать на нашей библиотеке или нарисовать заново. Второе дороже, его считаем отдельно.

04

Обёртка для сторов

Публикацию в Google Play и RuStore считаем отдельно от самой PWA. Многим она не нужна вообще.

Интеграции

С чем связываем продукт

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

01

Учёт и товары

1С, МойСклад, ERP. Остатки и цены на телефоне те же, что в учёте, — расхождений между приложением и складом не возникает.

02

CRM и заявки

Битрикс24, amoCRM, ваша внутренняя система. Заявка с телефона попадает в ту же воронку, менеджер не заводит её руками.

03

Оплаты

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

04

Доставка и логистика

СДЭК, Почта России, свои курьеры. Пользователь видит срок и статус там же, где сделал заказ.

05

Уведомления

Пуши, SMS, мессенджеры. Один сценарий решает, чем сообщить человеку о заказе, чтобы не дублировать.

06

Вход и права

SSO, корпоративный каталог, двухфакторный вход. Для внутренних продуктов сотрудник заходит под той же учётной записью, что и везде.

Этапы работы

Как идёт работа

[01] Разбор продукта

Смотрим ваш сайт или сервис и решаем, что имеет смысл ставить на телефон. На третий день отдаём состав работ, цену и границы первой версии.

[02] Мобильные сценарии

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

[03] Экраны и подсказка

Рисуем мобильные экраны и экран установки. Показываем их на кликабельном макете до разработки.

[04] Сборка первой версии

Собираем продукт на нашем каркасе и подключаем к вашим данным. Смотреть его вы начинаете со своего телефона.

[05] Тест на устройствах

Прогоняем установку, офлайн и пуши на iPhone и Android разных версий. Отчёт по проверке отдаём вместе со сборкой.

[06] Запуск и установки

Открываем продукт пользователям и смотрим, сколько людей ставит иконку. По этим цифрам правим подсказку.

Гарантии

Гарантии, поддержка и права на код

Гарантия 3 месяца

Три месяца после запуска ошибки правим сами. Поломки после обновления браузера тоже считаем своими.

Поддержка по SLA

Реагируем в течение 4 рабочих часов. Правки по вашему бэклогу выпускаем без ожидания релизного окна.

Код и домен — ваши

Продукт живёт на вашем домене и в вашем репозитории. Аккаунты в сторах, если обёртка понадобится, оформляем на вашу компанию.

Браузеры меняют правила

Условия установки и уведомлений производители пересматривают почти каждый год. Мы ведём такие продукты дальше и подстраиваем их под новые версии.

FAQ

Частые вопросы о PWA

PWA у нас стоит от 1 млн ₽. Сумму двигают число экранов, наличие готового API и то, рисуем ли дизайн под ваш бренд. Из чего собралась цифра, разбираем на встрече.

Публикации и модерации нет, поэтому правка доходит до всех в тот же день, а реклама ведёт сразу в продукт. Приложение из стора выигрывает в доступе к железу телефона и в скорости работы.

Да. Установка и пуши там устроены иначе, чем на Android, поэтому под iPhone мы пишем отдельный сценарий и проверяем его на живых устройствах разных версий.

В Google Play и RuStore — да, обёрткой поверх того же кода. App Store к таким обёрткам строже, и там обычно нужно полноценное приложение. Что выбрать, решаем на оценке.

Зависит от того, как он собран. Современный фронтенд обычно доводится до PWA за недели. Сайт на старой CMS чаще дешевле собрать заново мобильной частью, и это мы говорим после разбора.

Отзывы

Что говорят клиенты

01

Выражаю признательность команде Соde Pilots и, в частности, Дмитрию Васильеву, за проделанную работу по разработке мобильного приложения. Приложение позволило значительно расширить клиентскую базу и функциональные возможности, повысить конверсию и лояльность клиентов.

Валерий Сиротин
Валерий Сиротин, Исполнительный директорPetShop
02

В этом году команда Code Pilots оперативно включилась в разработку мобильного приложения VK Fest и гибко подстраивалась под уточняющие требования и новые вводные. А самое важное — уложилась в обозначенные сроки, не потеряв в качестве результата. От имени всей команды VK благодарим вас за отличную работу!

Елена Багудина
Елена Багудина, Генеральный директорВКонтакте
03

Мы обратились к Code Pilots, когда поняли, что дальнейшее развитие проекта невозможно без автоматизации процессов. Совместно с ними мы разработали первую версию HRM, мобильного приложения и выпустили MVP. Мы довольны высоким техническим уровнем команды, клиентоориентированностью и ответственностью.

Михаил Вальковский
Михаил Вальковский, Технический директорGigAnt
04

Наше сотрудничество началось в октябре 2015, и на данный момент наш сайт стал не только красивее и стабильнее в работе, но и гораздо более удобным для пользователей. Главное — увеличилась конверсия в оплаченные заказы. Крайне доволен сотрудничеством.

Дмитрий Киро
Дмитрий Киро, Генеральный директорRoseMarkt
05

Очень довольна результатом работы! Code Pilots очень быстро отреагировали на мой запрос по созданию бота: быстро придумали алгоритм действия и написали его. Команда оставалась на связи и помогла установить бота на мой ресурс. Очень рекомендую Code Pilots, в том числе для решения самых нестандартных задач!

Наталия Трушевская
Наталия Трушевская, Генеральный директорСЦ Феникс

Наша команда

О нас

Петербургская студия заказной разработки полного цикла

Делаем мобильные и веб‑продукты со сложной логикой, интеграциями и высокой нагрузкой. Внутри — кластеры дизайна, Flutter, нативной разработки и аналитики. Основатели — совладельцы других бизнесов: смотрим на задачи по-предпринимательски.

12+

лет на рынке

100+

реализованных проектов

60+

специалистов в штате

Tagline

Awards 2023 — золото

Нам доверяют

Alfamed
Alfamed Медицинский сервис и мобильное приложение
TMG
TMG Корпоративный портал и веб‑сервисы
Эталон
Эталон Сайт и приложение для делового клуба
Газпром
Газпром Профсоюз Личный кабинет и мобильное приложение
РКО
РКО Финтех‑сервис и интеграции
Slice
Slice E‑commerce платформа под ключ