Разработка Progressive Web Applications (PWA) | KT.Team

Progressive Web Applications

Progressive Web Applications

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

Возможные проблемы при отсутствии PWA

1

Медленная загрузка

При генерации вашей страницы задействуются SQL, CMS и подгружается миллион библиотек, ведь так «исторически сложилось». У вас уже есть 3 уровня кэширования, но загрузка всё равно медленная.

2

Сложность внесения изменений

Все кнопки на сайте завязаны на логику коробки CMS, которая не предполагает разделение front- и back-end'а. Маркетологи хотят изменений сегодня, но по факту на обновление контента сайта уходит очень много времени.

3

Проблемы с конверсией

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

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

Повышает конверсию

Сайт с PWA отображается иконкой на телефоне. Это стимулирует пользователя посещать ресурс чаще, проводить на нём больше времени, улучшать свой пользовательский опыт и, как следствие, повышает конверсию на всех этапах взаимодействия с пользователем. Вы можете отправлять уведомления, чтобы напомнить о прерванной сессии.

Кроссплатформенность

PWA не требует отдельной разработки под каждую операционную систему. Совершенно не важно, какой у пользователя смартфон: Apple или Android — приложение будет работать вне зависимости от среды.

Работает офлайн

Это очень удобно. Пользователь может полистать любимый магазин, положить в «Корзину» нужный товар, отправить заказ, пока едет в метро. Благодаря PWA сайт уже находится на телефоне пользователя со всем каталогом товаров. В отличие от мобильного приложения, PWA не требует обновлений и свободной памяти на устройстве.

Экономит ресурсы

Не нужно тратить время на поиск дополнительной команды для разработки мобильного приложения. Мы используем дизайн текущего сайта для PWA, который адаптируется под любое мобильное устройство.

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

1

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

читать больше о PWA | KT.Team
PWA можно найти через поисковые системы | KT.Team

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

2

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

читать больше о PWA | KT.Team
У PWA интерфейс как у приложения | KT.Team

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

3

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

читать больше о PWA | KT.Team

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

4

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

читать больше о PWA | KT.Team
PWA фронт отделен от бэка | KT.Team

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

5

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

читать больше о PWA | KT.Team
PWA стабильно работает даже при высоких нагрузках | KT.Team

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

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

Применение PWA в e-commerce | KT.Team

Задача

E-Commerce

Решение

Быстрая загрузка каталога

Сайт попадает на главный экран телефона, как нативное приложение. Быстрая загрузка каталога. Интерфейс адаптируется под мобильные устройства, десктопы, терминалы в торговых залах. Бесперебойно работает с нестабильной сетью.

С внедрением PWA Lancôme повысила конверсию на 17 %.

Применение PWA в B2B-сегменте | KT.Team

Задача

B2B

Решение

PWA-приложения для закупок и продаж

PWA упрощает процесс закупок в B2B-секторе и сокращает затраты на отдел продаж / отдел по работе с клиентами. Проще загрузка повторяющихся категорий. Нет проблем с отложенной оплатой.

Применение PWA в медиа | KT.Team

Задача

Медиа

Решение

Удобный интерфейс для всех устройств

Быстрая загрузка больших объёмов информации: статей, обзоров, видео. Лёгкая навигация по контенту. Удобный интерфейс для просмотра на мобильных устройствах и десктопе. Push-уведомления о новых публикациях.
С внедрением PWA журнал Forbes увеличил длительность сессии на 40 %!

Применение PWA в сфере развлечений | KT.Team

Задача

Развлечения

Решение

Быстрая загрузка увеличивает длительность сеанса

Уровень вовлечённости пользователей выше, чем на мобильном сайте. Пользователь проводит в PWA больше времени и просматривает больше страниц.
PWA позволил Pinterest увеличить активность пользователей на 60 %.

Применение PWA для сервисов | KT.Team

Задача

Сервисы

Решение

Установка через магазин приложений

Например, вызов такси, доставка еды, продажа билетов, туристические услуги, логистика. Быстрая загрузка даже при медленном Интернете. Находится через поисковики и не требует установки через «Play Маркет». Ключевые функции нативного приложения сохранены.
Приложение Uber с PWA-решением стало весить всего 50 Кбайт, что дало возможность загрузки даже с 2G-связью.

Кейсы по разработке PWA и мобильных приложений

Читать все

Смотреть все

YouTube

Рассказываем
о PWA на YouTube-
канале

Смотреть все
Начать просмотр видео
Начать просмотр видео

Ценообразование

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

4200 

в час

Подробнее

Мы используем файлы cookie, чтобы предоставить наилучшие возможности сайта

Ок
// Видео бекграунд