Progressive Web Applications

Progressive Web Apps — это мобильное приложение в браузере, не требующее дополнительной установки. Когда пользователь открывает ваш сайт, он уже видит интерфейс приложения.
Оставьте свой телефон и получите бесплатную консультацию по интеграции PWA

Проблемы при отсутствии PWA

Все кнопки на сайте завязаны на логику коробки CMS, которая не предполагает разделение front- и back-end'а. Маркетологи хотят изменений сегодня, но по факту на обновление контента сайта уходит очень много времени.
При генерации вашей страницы задействуются SQL, CMS и подгружается миллион библиотек, ведь так «исторически сложилось». У вас уже есть 3 уровня кэширования, но загрузка всё равно медленная.
Пользователь может покинуть сайт на любом этапе взаимодействия, просто потому что зашёл в метро или случайно закрыл страницу. У вас нет инструментов, чтобы вернуть его к сессии, и вы теряете клиентов на каждом уровне воронки.
Медленная загрузка
Проблемы с конверсией
Сложность внесения изменений
01
02
03

Возможности PWA

PWA как альтернатива мобильному приложению

Кроссплатформенность
Повышает конверсию
Работает офлайн
Экономит ресурсы
PWA не требует отдельной разработки под каждую операционную систему. Совершенно не важно, какой у пользователя смартфон: Apple, Android или Windows — приложение будет работать вне зависимости от среды.
Сайт с PWA отображается иконкой на телефоне. Это стимулирует пользователя посещать ресурс чаще, проводить на нём больше времени, улучшать свой пользовательский опыт и, как следствие, повышает конверсию на всех этапах взаимодействия с пользователем. Вы можете отправлять уведомления, чтобы напомнить о прерванной сессии.
Это очень удобно. Пользователь может полистать любимый магазин, положить в «Корзину» нужный товар, отправить заказ, пока едет в метро. Благодаря PWA сайт уже находится на телефоне пользователя со всем каталогом товаров. В отличие от мобильного приложения, PWA не требует обновлений и свободной памяти на устройстве.
Не нужно тратить время на поиск дополнительной команды для разработки мобильного приложения. Мы используем дизайн текущего сайта для PWA, который адаптируется под любое мобильное устройство.

Преимущества PWA

Находится через поисковики

Больше половины пользователей начинают путь к покупке или заказу услуги с поиска. PWA реализует server-side rendering для роботов и устаревших устройств. Благодаря прекрасным показателям поведенческих метрик в PWA, PWA сайты занимают высшие строчки рейтингов при прочих равных.

Интерфейс как у приложения

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

Быстро загружается

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

Front отделён от back'а

Редизайн вашего сложного проекта за 2,5 недели? Теперь это реально, и при встрече мы покажем вам про это на кейсах!

Устойчив к высоким нагрузкам

Стабильно принимает и обрабатывает заказы даже в периоды сверхнагрузок, вне зависимости от пропускной способности ваших CMS/OMS систем благодаря сложной системы диспетчеризации важных событий (например, создание заказа).

Отраслевые решения

E-Commerce
B2B
Медиа
Развлечения
Сервисы
Сайт попадает на главный экран телефона, как нативное приложение. Быстрая загрузка каталога. Интерфейс адаптируется под мобильные устройства, десктопы, терминалы в торговых залах. Бесперебойно работает с нестабильной сетью.
E-Commerce
С внедрением PWA Lancôme повысила конверсию на 17 %.
Например, вызов такси, доставка еды, продажа билетов, туристические услуги, логистика. Быстрая загрузка даже при медленном Интернете. Находится через поисковики и не требует установки через «Play Маркет». Ключевые функции нативного приложения сохранены.
Сервисы
Приложение Uber с PWA-решением стало весить всего 50 Кбайт, что дало возможность загрузки даже с 2G-связью.
Быстрая загрузка больших объёмов информации: статей, обзоров, видео. Лёгкая навигация по контенту. Удобный интерфейс для просмотра на мобильных устройствах и десктопе. Push-уведомления о новых публикациях.
Медиа
С внедрением PWA журнал Forbes увеличил длительность сессии на 40 %!
Уровень вовлечённости пользователей выше, чем на мобильном сайте. Пользователь проводит в PWA больше времени и просматривает больше страниц.
Развлечения
PWA позволил Pinterest увеличить активность пользователей на 60 %.
PWA упрощает процесс закупок в B2B-секторе и сокращает затраты на отдел продаж / отдел по работе с клиентами. Проще загрузка повторяющихся категорий. Нет проблем с отложенной оплатой.
B2B
Хотите узнать больше информации о мировом опыте внедрения PWA?

Наши кейсы

Интернет-магазин La Nature предлагает европейские бренды дизайнерских украшений, изготовленных вручную лучшими художниками и мастерами своего дела.
Задача
Сайт не соответствовал критериям современного пользователя по скорости работы и привлекательности. Заказчик хотел обновить дизайн сайта, сделать его современным и инновационным.
Решение
  • Редизайн сайта
  • Разработка омниканального интернет-магазина на Magento 2
  • Интеграции с CRM и ERP
  • Внедрение PWA-front'а для Magento
В партнёрстве с Divante.co мы разработали Vue Storefront — технологию ультрабыстрого front'а для La Nature.
0,1 сек.
скорость загрузки страницы
С 0,74 % до 1,22 %
увеличилась конверсия
На 30 %
увеличился показатель просмотра товаров за один сеанс
Чтобы получить больше кейсов по интеграции PWA, оставьте свои контакты, наш менеджер с вами свяжется
Нажимая кнопку «Отправить», вы даёте согласие на обработку персональных данных

Как мы обеспечиваем высокое качество разработки и реализацию проектов в срок?

Аудит качества кода
Каждый месяц проект проходит внутренний аудит качества, состоящий из аспектов наличия документации, дисциплины организации кода (соблюдение GitFlow), качества автотестов (юнит, интеграционных, функциональных), данных статического анализа, результатов прохождения нагрузочных тестов. Результаты аудита без купюр отправляются вам, снимаемые метрики всегда доступны в сервисе управления качеством проекта apminvest.com.
Проектное управление
К вашим услугам — персональный проектный менеджер, а также бизнес-аналитик на момент внедрения on-site. Мы соблюдаем PMBOK, для вас всегда доступен журнал изменений, коммуникации, целей проекта. Ваши требования декомпозируются на версии (релизы), user stories и use cases. Мотивация команды связана с вашей удовлетворённостью проектом, мониторим уровень NPS ежемесячно.
Прозрачная стоимость
В наших бизнес-процессах технологически исключена возможность накрутки часов: ворклоги не более 4 часов, обязательный комментарий о выполненной работе, у вас полный доступ к Jira и отчётам. Автоматический процесс формирования отчётности. Высокие скорость и качество работы с документацией с учётом бюрократических требований. Счета и акты выставляются автоматически. Доступна любая кастомизация под проект. Поддерживаем УПД и ЭДО.
Disciplined agile delivery
Один спринт — одна цель — один функционал. Каждая фича соотносится с целями (impact mapping). Учитываем особенности управления в компаниях крупных клиентов и совмещаем их с гибкими техниками (disciplined agile delivery). Это обеспечивает гибкость внутри разработки и бюрократическую строгость снаружи (фиксация договорённостей, передача проекта на техподдержку, процессы ввода проекта в эксплуатацию и прочие нюансы, которые Agile не учитывает).

Этапы работы

Консультация технического специалиста
Встреча
Топ-состав команды готов провести встречу в вашем офисе. Мы организовываем выезд ключевых специалистов в любой город или страну.
Несколько вариантов коммерческого предложения
Мы понимаем, что иногда нужно чем-то пожертвовать в угоду скорости или бюджету. Поэтому предлагаем на выбор несколько вариантов решений для вашего проекта.
Разработка технического задания
Реализация проекта
Стоимость
  1. Мы работаем по time and materials с фиксированной стоимостью часа 2400 руб (с учётом скидки).
  2. Каждый проект мы оцениваем индивидуально. Чтобы рассчитать примерную стоимость вашего проекта, воспользуйтесь нашим коммерческим предложением.
1
2
3
4
5
6
Поддержка
Ваш персональный менеджер
Галина Лазарева
Телефон: +7 495 369-20-29 (доб. 129)
Email: g.lazareva@kt-team.de
Telegram: +7 937 236-76-66
WhatsApp: +7 937 236-76-66
Skype: lliuza
Вы можете обсудить с Галиной любые вопросы по вашему проекту — она сориентирует по составу работ, срокам и стоимости.
Получить консультацию