Progressive Web Apps — это мобильное приложение в браузере, не требующее дополнительной установки. Когда пользователь открывает ваш сайт, он уже видит интерфейс приложения.
Все кнопки на сайте завязаны на логику коробки 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.