Airbnb PWA: идеальный пример прогрессивного веб-приложения

Предположим, вы ищете высоконадежное решение для обеспечения быстрой и стабильной работы вашего веб-сайта, а также эффективного функционирования, чтобы заинтересовать пользователей, чтобы они оставались дольше и участвовали в действиях. В этом случае PWA может быть именно тем, что вам нужно. Так много брендов внедрили PWA и добились всемирной известности и прибыльного успеха, в том числе Airbnb PWA . Вместо того, чтобы царапать поверхность именами и цифрами, мы разберем реальный победный случай приложения PWA. Давайте приоткроем занавес и узнаем историю Airbnb PWA.

Обзор Airbnb

Первоначальной идеей самого многообещающего в мире стартапа была Air Bed and Breakfast, где местные жители позволяют туристам оставаться в своих домах, завязывая новые знакомства, а также обмениваясь недорогим альтернативным способом есть, отдыхать и спать.

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

Запущенная в 2008 году и десять лет спустя, Airbnb уже имеет 150 миллионов пользователей, более семи миллионов выставленных объявлений, управляется 4 миллионами хостов и активна в более чем 200 странах и 81 000 городах. Отчеты показывают, что более миллиарда путешественников арендовали дома на Airbnb, заработав для хозяев около 65 миллиардов долларов.

Сейчас Airbnb служит самым обширным сервисом по аренде недвижимости для путешественников по всему миру, выбирая либо отдельные комнаты в общем помещении, либо целое жилье для себя и нескольких человек. Его бизнес-модель похожа на Uber, платформу-агрегатор, позволяющую востребованным людям и поставщикам связываться и вести бизнес.

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

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

Предыстория, которая привела к интеграции Airbnb PWA

История началась несколько лет назад, примерно в конце 2018 года, когда мобильные браузеры привлекали всеобщее внимание и инвестиции. Тем не менее, версия Airbnb по-прежнему была пропорционально отзывчивой версией для настольных компьютеров. Команда также признала, что они проигнорировали это с минимальными инженерными разработками.

Мобильный Интернет был их самой посещаемой платформой, особенно на растущих рынках, что привлекало растущий трафик к бронированию Airbnb. Тем не менее, он работал ниже отраслевого стандарта крупнейшей в мире поисковой системы для путешествий.

Выяснилось, что пользователи не видят смысла устанавливать нативное приложение Airbnb, когда оно им нужно всего 3-4 раза в год. И поскольку они полагаются на мобильные устройства, а не на какие-либо другие устройства, единственный выход — мобильный Интернет.

Хотя среднее время, проводимое в приложениях, намного превышает время, проводимое в браузере, большая часть времени пользователей в течение дня неравномерно распределяется между 5 их любимыми приложениями, при этом на одно приложение приходится около 50%. Пользователи просто не видят смысла загружать другое приложение, которое они не часто используют, и тратить свое хранилище.

Рынки особенно заинтересованы в превосходном мобильном просмотре, поскольку проблема с подключением к Интернету беспокоит их с установкой приложения (размер 200 МБ) и потреблением.

Вот несколько подробностей до трансформации Airbnb PWA:

• Медленно : пользователи мобильных браузеров ждали на раздражающей пустой странице более 10 секунд, прежде чем начали появляться изображения. В сети 4G для загрузки всей страницы требовалось в среднем 13 секунд. Не впечатляет.
• Плохой дизайн : некоторые компоненты были ужасно реализованы и неуместны, что приводило к пропущенным словам и запутанным инструкциям. Карта необходима туристу, чтобы понять расстояние от Airbnb до близлежащих мест, но она была медленно интерактивной и почти невозможно было прочитать слова. И подсчет всех накладывающихся друг на друга элементов и текста на фотографиях, лишающего смысла снимки и примечания.
• Трудно использовать : мобильные браузеры, казалось, вылетели из головы, когда многие точки взаимодействия не реагировали на пальцы, а только на мышь. Все не имело смысла. Это было похоже на запутанный маршрут для бедного странника. Но превосходство шансов навигации было, когда они нажимали кнопку, чтобы установить собственные приложения. Их попросили ввести свой номер телефона, чтобы они могли получить текст со ссылкой на магазин приложений.

Было бы не так уж и плохо, если бы мобильный браузер не был первым впечатлением пользователей Airbnb. К сожалению, данные показали, что 65% их новичков были из мобильного Интернета. Поэтому им пришлось перевернуть эту ситуацию с ног на голову.

Как переход на PWA может решить запрос Airbnb?

Чтобы описать, насколько жестким является рынок мобильного просмотра, вот статистика отрасли:

• 53% посетителей уходят, если им приходится ждать более 3 секунд.
• 57% респондентов заявили, что непривлекательный мобильный сайт не получит их рекомендации.
• 85% респондентов ожидали, что мобильная сеть станет обновленной версией настольной версии, а не наоборот.

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

Airbnb PWA позволяет пользователям добавлять 12-мегабайтную версию на главный экран вместо приложения с чрезмерным потреблением 200 МБ. Гости и организаторы могут получать всплывающие сообщения со своей панели уведомлений.

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

Разрешение Airbnb PWA

Идея

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

Их стратегия заключалась в переходе на mobile-first, то есть в первую очередь на мобильный Интернет. Многие новые посетители Airbnb пришли из мобильного интернета и ожидали чего-то похожего на нативное приложение. И они собирались дать пользователям то, что они хотели.

Выполнение

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

Они также гарантировали, что PWA может работать наилучшим образом на любом размере экрана и устройстве. Небольшое дополнительное усилие решает все.

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

Результаты, достижения

PWA дал Airbnb возможность оптимизировать мини-версию с минимальным временем загрузки с 11,9 до 4,69 с. Когда он становится быстрее, он становится более плавным, более отзывчивым и более удобным, что приводит к более высокой вовлеченности пользователей, их количество правильных моментов смахивания достигло своего рекордно высокого уровня.

И еще до того, как они успели закончить проект PWA, были собраны немалые результаты и достижения:

• Несмотря на трудности и невзгоды, команде Airbnb удалось провести редизайн и перепланировку мобильного сайта менее чем за год.
• Коэффициент конверсии вырос на 25%.
• И 2,5-кратное улучшение производительности со средним временем загрузки примерно 5,5 с.

Как создать PWA наподобие Airbnb?

Airbnb PWA — это мобильная веб-платформа мирового уровня на практике. Давайте проясним стандарт там. Airbnb PWA — это место, где происходит перечисление миллиардов вариантов проживания в семье и аренды на время отпуска, подобно веб-сайту электронной коммерции с большим ассортиментом продуктов.

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

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

Почему Тигрен PWA?

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

Tigren — одно из ведущих мировых аутсорсинговых агентств по разработке PWA. Мы нащупали путь к освоению технологии PWA с момента ее появления. На сегодняшний день мы работали почти с 1000 клиентов по всему миру и помогли им повысить рентабельность инвестиций.

Решения Tigren PWA премиум-класса

Мы можем помочь вам с:

• Создайте сайт PWA с нуля
• Пользовательская сборка и интеграция частей PWA
• Оптимизация и обновление существующего PWA
• Премиальная готовая к использованию тема TigrenPWA

Вы получите бесплатную консультацию при обращении к нам, и вы даже можете запросить расценки, прежде чем решить, подходим ли мы друг другу. В зависимости от сложности проектов, мы можем предложить бесплатную поддержку от 3 до 12 месяцев, чтобы быть с вами от заката до рассвета, чтобы убедиться, что результат именно тот, за которым вы пришли.

Ключевые выводы

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

Airbnb — быстрый, надежный, стабильный, увлекательно оформленный и привлекательный продукт, а также услуги мирового класса, которые их команда уже давно предлагает; что еще они могут попросить?

С многообещающим ожиданием PWA как будущего следующего стандарта, доминирующего в онлайн-ландшафте, каков ваш вердикт по приглашению для первых последователей?