Airbnb PWA: um exemplo perfeito de aplicativo da Web progressivo

Suponha que você esteja procurando uma solução altamente confiável para manter seu site funcionando rápido e estável enquanto funciona de forma eficiente para atrair os usuários a permanecerem mais tempo e se envolverem com as atividades. Nesse caso, o PWA pode ser exatamente o que você precisa. Muitas marcas adotaram o PWA e obtiveram sucesso lucrativo e de renome mundial, incluindo o Airbnb PWA . Em vez de arranhar a superfície com nomes e números, vamos detalhar o verdadeiro caso vitorioso de um aplicativo PWA. Vamos desvendar a cortina e descobrir a história do Airbnb PWA.

Uma visão geral do Airbnb

A ideia inicial da startup mais promissora do mundo era o Air Bed and Breakfast, onde os moradores permitem que os turistas fiquem em suas casas, fazendo novas conexões enquanto compartilham uma forma alternativa de baixo custo para comer, descansar e dormir.

A proposta parece ultrajante a princípio para receber estranhos nas casas, mas o Airbnb rapidamente se tornou uma das startups mais bem-sucedidas do século 21.

Lançado em 2008 e dez anos depois, o Airbnb já tem 150 milhões de usuários, mais de sete milhões de anúncios em exibição, administrado por 4 milhões de anfitriões e está ativo em mais de 200 países e 81.000 cidades. Relatórios mostram que mais de um bilhão de viajantes alugaram uma casa no Airbnb, gerando cerca de US$ 65 bilhões para os anfitriões.

O Airbnb agora serve como o mais amplo serviço de aluguel de propriedades para viajantes em todo o mundo, escolhendo entre quartos individuais em um local compartilhado ou um local inteiro para si e várias pessoas. Seu modelo de negócios é semelhante ao Uber, uma plataforma agregadora que permite que pessoas em demanda e fornecedores se conectem e façam negócios.

O Airbnb oferece às pessoas um senso de comunidade, experiências pessoais únicas e uma maneira econômica e sem estresse de viajar por acomodações.

Muitos hóspedes adoram viajar com o Airbnb, pois são recebidos nas comunidades pelos anfitriões, têm a chance de explorar a cultura mais profundamente e fazer novos amigos nativos.

O pano de fundo que levou à integração do Airbnb PWA

A história remonta a alguns anos atrás, por volta do final de 2018, quando os navegadores móveis estavam ganhando atenção e investimento exponencial. No entanto, o do Airbnb ainda era uma versão proporcionalmente responsiva do desktop. A equipe também admitiu que o havia ignorado com engenharia mínima.

A web móvel foi a plataforma mais visitada, especialmente nos mercados em crescimento, atraindo uma taxa de tráfego crescente para as reservas do Airbnb. No entanto, teve um desempenho abaixo do padrão da indústria para o maior mecanismo de busca de acomodações de viagem do mundo.

Descobriu-se que os usuários não acham útil instalar o aplicativo nativo do Airbnb quando precisam dele apenas 3 ou 4 vezes por ano. E como eles dependem mais do celular do que de qualquer outro dispositivo, o único caminho a percorrer é pela web móvel.

Embora o tempo médio gasto em aplicativos exceda em muito o tempo no navegador, a maior parte do tempo dos usuários em um dia é distribuída de forma desigual para 5 de seus aplicativos favoritos, com um fechamento de 50% em um aplicativo. Os usuários simplesmente não veem sentido em baixar outro aplicativo que não usam com frequência e desperdiçar seu armazenamento.

Os mercados estão particularmente interessados ​​em uma excelente experiência de navegação móvel, pois o problema com a conexão com a Internet os incomoda com a instalação do aplicativo (200 MB de tamanho) e o consumo.

Aqui estão alguns olhares mais atentos antes da transformação do Airbnb PWA:

• Lento : os usuários em navegadores móveis esperaram em uma página em branco irritante por mais de 10 segundos antes que as imagens começassem a aparecer. Uma rede 4G levou em média 13s para carregar uma página inteira. Não impressionante.
• Mal projetado : alguns componentes foram implementados e mal colocados, levando à falta de palavras e instruções confusas. O mapa é essencial para um turista entender a distância do Airbnb para locais próximos, mas foi lentamente interativo e quase impossível de ler as palavras. E contando todos os elementos sobrepostos e o texto atropelado nas fotos, desvirtuando o significado dos instantâneos e das notas laterais.
• Difícil de usar : os navegadores móveis pareciam perder a cabeça naquela época, quando muitos pontos de interação não respondiam aos dedos, mas apenas ao mouse. Tudo não fazia sentido. Era como um desvio de rota confuso para um pobre andarilho. Mas a supremacia das probabilidades de navegação foi quando eles clicaram no botão para instalar os aplicativos nativos. Eles foram solicitados a preencher seu número de telefone para que pudessem receber um texto com um link para a loja de aplicativos.

Não seria tão pior se o navegador móvel não fosse a primeira impressão dos usuários do Airbnb. Infelizmente, os dados indicaram que 65% de seus recém-chegados eram da web móvel. Portanto, eles tiveram que virar essa situação de cabeça para baixo.

Como a mudança para o PWA pode resolver a solicitação do Airbnb?

Para descrever o quão feroz é o cenário de navegação móvel, aqui estão as estatísticas do setor:

• 53% dos visitantes saltam se tiverem que esperar mais de 3s.
• 57% dos respondentes disseram que um site móvel pouco atraente não receberia suas recomendações.
• 85% dos respondentes esperavam que a web móvel fosse a versão atualizada do desktop e não o contrário.

Os usuários querem que a versão móvel seja rápida, conveniente, bem projetada e tão envolvente quanto os aplicativos nativos móveis. Com a ajuda do PWA, o Airbnb pode criar uma web móvel que funcione na velocidade da luz e seja segura e estável enquanto executa alguns dos melhores recursos do aplicativo nativo.

O Airbnb PWA permite que os usuários adicionem a versão de 12 MB à tela inicial em vez de um aplicativo de 200 MB que consome demais. Convidados e anfitriões podem receber mensagens pop-up de seu painel de notificação.

Não apenas isso, mas para ajudar os usuários do Airbnb de todo o mundo a escolher facilmente um lugar para ficar, mesmo quando a conexão é fraca, o PWA traz o carregamento instantâneo e o modo offline para os negócios.

A resolução do Airbnb PWA

A ideia

Os olhos do Airbnb estavam voltados para um objetivo direto: criar uma experiência de navegação móvel de classe mundial adaptada à melhor casa de família do mundo e outras empresas de aluguel de temporada. Depois de acompanhar a revolução online, eles perceberam que manter a compatibilidade com dispositivos móveis não era mais uma vantagem, mas uma necessidade.

A estratégia deles era mudar para mobile-first, que é ser a web móvel em primeiro lugar. Muitos dos novos visitantes do Airbnb vieram da web móvel e esperariam algo que se assemelhe à jornada do aplicativo nativo. E eles dariam aos usuários o que eles queriam.

A execução

Os aplicativos nativos eram famosos por seu prático menu de slides e navegação inferior. O Airbnb decidiu seguir o clássico, com o upgrade do menu do hambúrguer e uma barra de abas de log para registro de conta. Em seguida, o mapa foi uma grande parte do redesenho, pois é o item mais importante para a seleção da lista.

Eles também garantiram que o PWA pudesse ter o melhor desempenho em qualquer tamanho de tela e dispositivo. Um pouco de esforço extra faz toda a diferença.

Por fim, os antigos fluxos de usuários confusos e difíceis de usar foram completamente inscritos na lista de redesignação, onde todos os congestionamentos de conteúdo e erros de layout seriam coletados e corrigidos.

Os resultados

A PWA deu ao Airbnb a opção de otimizar para a miniversão, com tempos de carregamento minimizados de 11,9s para 4,69s. Quando fica mais rápido, fica mais suave, mais responsivo e mais conveniente, tudo levando a um maior envolvimento do usuário, o número de momentos certos de deslizar atingiu seu recorde histórico.

E antes mesmo de terem a chance de terminar o projeto PWA, resultados e conquistas consideráveis ​​foram coletados:

• Apesar das dificuldades e probabilidades, a equipe do Airbnb conseguiu acertar o redesenho e o redesenvolvimento da web móvel em menos de um ano.
• A taxa de conversão havia testemunhado um aumento de 25%.
• E uma melhoria de 2,5x no desempenho com aproximadamente 5,5s de tempo de carregamento em média.

Como você pode construir um PWA como o Airbnb?

O Airbnb PWA é o nível de classe mundial de uma plataforma web móvel na prática. Vamos esclarecer o padrão aí. O Airbnb PWA é onde ocorre a listagem de bilhões de casas de família e aluguéis de temporada, semelhante a um site de comércio eletrônico com um longo portfólio de produtos.

Com um imenso banco de dados, o processo de carregamento pode levar muito tempo para lidar com o código e responder à solicitação. Assim, uma versão otimizada para uma escala menor é muito necessária para que uma loja online comece e se mantenha rápida.

É por isso que o PWA é famoso entre os negócios de comércio eletrônico. Isso é para você, se você é proprietário de uma empresa on-line que deseja transformar sua loja lenta e com baixo desempenho.

Por que Tigren PWA?

Sabemos que você pode facilmente entrar em contato com vários serviços de desenvolvimento de comércio eletrônico, mas perderia muito tempo pesquisando e verificando todas as agências disponíveis que são as mais adequadas de que você precisa.

A Tigren é uma das principais agências de terceirização do mundo no desenvolvimento de PWA. Tínhamos tateado nosso caminho para dominar a tecnologia PWA desde seu primeiro lançamento. Até hoje, trabalhamos com quase 1.000 clientes em todo o mundo e os ajudamos a alavancar seu ROI.

Soluções Premium Tigren PWA

Podemos ajudá-lo com:

• Crie um site PWA do zero
• Crie e integre partes personalizadas do PWA
• Otimize e atualize um PWA existente
• Tema premium do TigrenPWA pronto para usar

Você receberá uma consulta gratuita ao entrar em contato conosco e poderá até solicitar uma cotação antes de decidir se somos uma boa combinação. Dependendo da complexidade dos projetos, podemos oferecer de 3 a 12 meses de suporte gratuito, estando com você do anoitecer ao amanhecer para garantir que o resultado seja exatamente o que você veio buscar.

Principais conclusões

O Airbnb PWA foi um grande sucesso, deixando os responsáveis ​​por trás orgulhosos ao olhar para trás, e os usuários sorriam sempre que começavam a se preparar para a próxima viagem.

O Airbnb é rápido, confiável, estável, com design cativante e atraente, além da classe mundial que sua equipe oferece há algum tempo; o que mais eles podem pedir?

Com a promissora antecipação do PWA como o próximo padrão do futuro dominando o cenário online, qual é o seu veredicto sobre o convite para os primeiros adotantes?