Следующая статья поможет вам: 9 лучших примеров PWA из магазинов Speedy Ecommerce
Вот уже несколько лет бренды электронной коммерции, рассматривающие безголовую коммерцию, были в восторге от улучшений скорости сайта, которые могут предложить прогрессивные веб-приложения (PWA).
Использование PWA для управления безголовым коммерческим интерфейсом меняет правила игры для молниеносной скорости сайта, особенно на мобильных устройствах.
Быстрое время загрузки может в конечном итоге повысить коэффициент конверсии электронной коммерции и доход на пользователя.
Но прежде чем создавать собственное PWA без головы, вы, вероятно, захотите увидеть невероятные магазины других брендов в действии.
#cta-абзац-pb#Новичок в мире безголовых? Ознакомьтесь с нашими подробными руководствами по безголовой коммерции и преимуществам PWA для получения дополнительной справочной информации.
В этом посте мы рассмотрим реальные примеры PWA для электронной коммерции и то, как бренды используют эту технологию для улучшения общего опыта покупателей.
Мы рассмотрим причины перехода каждого бренда и конкурентные преимущества каждого магазина.
#cta-visual-fe#
Что такое прогрессивное веб-приложение (PWA)?
Как мы описываем в нашем руководстве по PWA, прогрессивное веб-приложение — это:
«… веб-сайт обслуживается через HTTPS в веб-браузере, но — из-за своей архитектуры — ведет себя скорее как загружаемое собственное приложение, чем как статический веб-сайт».
Магазины PWA начинаются со статических веб-страниц и постепенно становятся одностраничными веб-приложениями в вашем браузере. По мере того, как пользователи щелкают мышью, PWA заменяет только те элементы, которые необходимо изменить, что делает загрузку страницы чрезвычайно быстрой.
Переход на PWA с традиционного сайта приведет к огромному приросту производительности по ключевым показателям, таким как первая отрисовка с контентом, самая большая отрисовка с контентом, время до интерактивности и т. д.
Самое замечательное в PWA заключается в том, что они обеспечивают лучший опыт и их легче поддерживать, чем нативные мобильные приложения.
Мобильные пользователи получают наибольшую выгоду от использования PWA, но это также обеспечивает отличные возможности для настольных компьютеров.
Например, хотя к обоим можно получить доступ с домашних экранов мобильных устройств, только PWA доступны через Интернет, индексируются поисковой системой и не зависят от устройства.
PWA могут работать даже в автономном режиме если данные ресурсов заранее полностью закэшированы.
Теперь, когда у вас есть некоторое представление о том, что это такое, давайте посмотрим на некоторые популярные компании, которые используют PWA, чтобы предложить пользователям лучший опыт.
Лучшие компании, которые используют PWA для быстрого мобильного взаимодействия
Прежде чем мы перейдем к конкретным примерам прогрессивных веб-приложений от некоторых замечательных брендов электронной коммерции, давайте рассмотрим лишь несколько компании, выбравшие PWA чтобы создать наилучший пользовательский опыт.
- Триваго
- Tinder
- Вашингтон пост
- Цель
- AliExpress
- Волмарт
- Мэйси
- Проводной
- Форбс
- Хранитель
- Телеграмма
- Airbnb
- Убер
- Спотифай
9 примеров лучших прогрессивных веб-приложений (PWA) от ведущих брендов ecomm
Издатели, социальные сети и приложения для гиг-экономики — не единственные, кто может обеспечить уникальные и быстрые мобильные возможности с помощью технологии PWA.
Бренды электронной коммерции тоже начали создавать свои собственные.
В то время как Walmarts и Targets по всему миру могли бы раньше тратить деньги на создание своих собственных прогрессивных веб-приложений, бренды DTC теперь предлагают те же возможности.
Пропустите вперед, чтобы увидеть конкретный пример бренда:
Давайте погрузимся.
Оливер Бонас – Воссоздание опыта работы в магазине онлайн с помощью PWA.
Во-первых, это британский магазин модной одежды, украшений и подарков Oliver Bonas.
Наряду с более чем 60 розничными точками в Великобритании, бренд образа жизни умело использовал свой интернет-магазин для выхода на рынки США и других стран.
Камилла Тресс, стратег по электронной коммерции Оливера Бонаса, сказала, что цель состояла в том, чтобы предоставить покупателям онлайн-опыт, соответствующий индивидуальной заботе и вниманию, которые они получили бы в обычном магазине..
Как она объяснила в 2018 г. Выставка технологий розничного бизнеса:
«Людям нравится заходить в наши магазины, наши продавцы действительно хорошо разбираются в товарах и дают хорошие советы — и мы хотим воссоздать это в Интернете».
Что нам нравится в этом PWA:
- Навигация по сайту плавная и интуитивно понятная. Простой макет означает, что клиенты быстро и беспрепятственно перемещаются по сайту.
- Изображений товара много, но они не мешают друг другу.
- Переход со страницы, отображающей несколько изображений продукта, на страницу с одним продуктом на мобильном сайте происходит впечатляюще быстро — так же, как бренды, работающие в приложениях, хотят, чтобы их клиенты получали их при совершении покупок.
Старбакс – Пример PWA для удобного заказа на ходу
Starbucks хотела добавить на свой сайт функцию онлайн-заказа, которая не требовала бы от клиентов загрузки и установки собственного приложения.
Учитывая потребности своих постоянные клиенты и с амбициями утвердиться в развивающиеся рынки с часто неоднородным интернет-покрытиемони выбрали PWA в качестве решения.
Автономная функциональность, предоставляемая PWA, означает, что клиенты могут просматривать сайт, делать заказ и добавлять его в свою корзину, выбирая и настраивая свой кофе или пирожные на ходу, даже если они не подключены к Интернету.
Что делает этот PWA для электронной коммерции особенно замечательным?
- Полученное прогрессивное веб-приложение более чем на 99% меньше, чем ранее существовавшее нативное приложение брендачто делает его значительно более доступным для клиентов.
- Он поставляется с ошеломляющим набором параметров настройки, удобными для пользователя изображениями и анимацией, которые резко отличаются от того, что доступно на стандартных мобильных сайтах.
Кочевник – Пример обновления PWA и без того фантастического опыта
На этом сайте представлено множество аксессуаров для образа жизни и мобильных гаджетов, которые можно продемонстрировать своим посетителям.
В отличие от некоторых других брендов, которые мы представляем, Nomad уже был доволен тем, как выглядел их сайт до PWA..
Они хотели сохранить уникальную эстетику, над созданием которой они усердно работали, при этом сократив значительное время загрузки страниц, которое мешало посетителям просматривать каталог.
Они также стремились сократить время подготовки своих внутренних команд к разработке маркетинговых кампаний и созданию пользовательских страниц.
После перехода на PWA с Shogun Frontend, У Nomad коэффициент конверсии увеличился на 25%..
Риз Хаммерстром, бывший директор Nomad по электронной торговле, говорит:
«Предварительные данные показывают, что пользователи проводят больше времени на сайте и посещают больше страниц. Клиенты могут мгновенно получить больше контента, изучить больше нашего каталога и узнать больше о бренде. В результате коэффициент конверсии увеличивается».
#cta-mini-fe#Узнайте, подходит ли ваш магазин для безголовой торговли. Пройдите тест
WellPath – Построение оптимизированной воронки продаж с помощью быстрого PWA
Этот относительно новый бренд здоровья и хорошего самочувствия, доступный только в Интернете, предлагает пакеты добавок, которые можно адаптировать к потребностям клиентов.
Посетители выбирают один из трех разных «путей», когда они попадают на сайт, и могут заполнить двухминутную консультацию (оставив свое имя и адрес электронной почты), если они не уверены, какой путь выбрать.
Как только клиенты выбрали свой путь на целевой странице, несложная навигация предлагает три варианта продукта.
Оттуда всего один клик до корзины и еще один до оформления заказа.
Наряду со скоростью подписи и удовлетворительным UX сайтов PWA, легко интегрированные параметры настройки идеально подходят для бренда, который хочет дать клиентам индивидуальный, целостный опыт.
Ланком – Мобильный опыт через PWA вместо мобильного приложения
Французский бренд косметики класса люкс уже давно следование мобильной стратегииобъем мобильного трафика которых в 2016 году превысил объем настольного.
Но их показатели конверсии изначально не поспевают за ростом мобильного трафика.
Более низкая скорость мобильных устройств означала, что клиенты устали ждать загрузки страниц и отказываться от корзины.
Изначально, Lancôme рассматривала возможность создания нативного приложения для решения проблемы, но только небольшой процент их клиентов примет приложение.
Поэтому вместо этого они решили, что их клиентам лучше подойдет решение, которое не только улучшит работу с мобильными устройствами, но и предоставит преимущества UX на всех платформах и устройствах.
Полученный PWA не разочаровал.
В целом, Lancôme пользуется 17% увеличение коэффициента конверсиис улучшением скорости и UX, что привело к увеличению количества мобильных сеансов на 53% для посетителей, заходящих на их сайт через IOS (ключевая группа клиентов для бренда).
#cta-visual-fe#
Задиг и Вольтер – Пример PWA для бренда с несколькими магазинами
Zadig & Voltaire — еще один французский люксовый бренд, использующий PWA.
Сверхбыстрая загрузка страниц важна для модных брендов, чтобы гарантировать покупателям высококачественный опыт покупок, которого они заслуживают, и уменьшите количество отказов от корзины и обеспечьте здоровый коэффициент конверсии.
Бренд решил использовать гибкость PWA для поэтапного внедрения нового опыта покупок.
Они начали с редизайна своего итальянского сайта. и, впечатленный полученным улучшением скорости, перешел к другим регионам.
В прошлом году они запустили свой флагманский французский сайт на базе PWA.
Томас Кент – Пример того, как PWA значительно увеличивает конверсию.
Британский часовщик и поставщик высококачественных настенных картин — еще один бренд, заметили резкое увеличение коэффициента конверсии после перезапуска своего сайта с помощью PWA. под капотом.
Принятие подхода, ориентированного на мобильные устройства, не оставляя клиентов, которые предпочитают делать покупки на сайте для настольных компьютеров, — это краеугольный камень того, что делает PWA такими привлекательными для брендов электронной коммерции.
На мобильном сайте впечатляющее разнообразие меню и параметров фильтрации плавно перемещается со стороны экрана без необходимости дополнительной загрузки страницы, что позволяет легко настраивать продукт.
А также фирменные молниеносные скорости (на 54% быстрее время загрузки страницы)этот бренд видел колоссальный 77% увеличение коэффициента конверсии и не менее впечатляющий 79% увеличение дохода от органического трафика.
Лилли Пулитцер – Упрощение пути покупателя с помощью сайта PWA, не зависящего от устройства.
Этот бренд женской курортной одежды — еще один пример чистого, простого и быстрого взаимодействия с сайтами PWA.
Есть интуитивное и простое путешествие от целевой страницы до корзины (или «сумки», как любит называть это Лилли Пулитцер).
Ненавязчивое меню переключается в верхнюю часть экрана, позволяя повторным посетителям легко переходить туда, куда они хотят.
В то же время новые клиенты ориентируются на лаконичные изображения продуктов, переходя с главной страницы на страницу оформления заказа за несколько секунд.
Вы можете быстро найти ближайший магазин, чтобы забрать товар, или «связаться со стилистом», так как обе эти опции отображаются прямо на странице продукта.
Мобильные и настольные устройства предлагают клиентам впечатляюще схожие возможности— еще одно большое преимущество наличия гибкого сайта PWA, поддерживающего оба устройства, — и посетители оценят неизменно высокое качество результатов.
Алибаба – Использование PWA для создания единого интерфейса на разных устройствах.
Хотя китайский гигант электронной коммерции, возможно, не является обычным брендом DTC, представленным в более чем 200 странах, он является крупнейшей в мире торговой платформой B2B.
Разочарован низкой скоростью мобильного интернета, Первоначально Alibaba хотела использовать свой мобильный сайт, чтобы побудить клиентов загружать их родное приложение..
Но, несмотря на все их усилия, поглощение упорно оставалось ниже ожиданий.
И поэтому у них возникла идея используйте сайт PWA, чтобы воссоздать работу с приложениемно (поскольку он использует обычную сеть, как и любой другой сайт) доступный для гораздо большего сегмента своей клиентской базы.
Переключение их сайта на PWA привело к 76% увеличение конверсии. И это было общее увеличение, независимо от браузера.
Таким образом, несмотря на то, что переход на PWA был вызван соображениями присутствия в мобильной сети, скорость и улучшения UX принесли результаты на разных платформах.
Сделайте свой сайт сверхбыстрым, создав PWA
Надеюсь, этот краткий обзор мира электронной коммерции PWA вдохновил вас.
Дальновидные бренды переходят на PWA для поддержки своих витрин из-за повышения скорости и согласованности UX, которые они предлагают.
Для брендов, ориентированных на мобильную торговлю, выбор PWA вместо более ограниченного нативного приложения — лучший способ достичь своих целей.
PWA предлагают богатое и привлекательное качество нативных приложений, не теряя преимуществ охвата и доступности, которые вы получаете от веб-сайта.
Неудивительно, что так много крупных брендов обращаются к ним.
#cta-visual-fe#