Investimento da Rakuten 24 em PWAs aumenta a retenção de usuários em 450%

Tornar o app da Web instalável resultou em aumento do tráfego, da retenção de visitantes, das vendas por cliente e das conversões.

A Rakuten 24 é uma loja on-line fornecida pela Rakuten, uma das maiores empresas de comércio eletrônico do Japão. Ele oferece uma ampla seleção de itens cotidianos, incluindo mercearia, medicamentos, saúde, utensílios de cozinha e muito mais. A principal meta da equipe no último ano era melhorar a retenção e o reengajamento de clientes de dispositivos móveis. Ao tornar o app da Web instalável, a empresa observou um aumento de 450% na taxa de retenção de visitantes em comparação com o fluxo anterior da Web para dispositivos móveis em um período de um mês.

Destaque a oportunidade

Nos esforços para ganhar participação de mercado e melhorar a experiência do usuário, a Rakuten 24 identificou as seguintes áreas de oportunidades:

• Como um serviço relativamente novo, a Rakuten 24 não estava em posição de investir tempo e custo no desenvolvimento de um app específico da plataforma para iOS e Android e buscava uma maneira alternativa e eficiente de preencher essa lacuna.
• Como a Rakuten-Ichiba (mercado de e-commerce da Rakuten) é o maior serviço do Japão, muitas pessoas acreditam que a Rakuten 24 é um vendedor da Rakuten-Ichiba. Como resultado, ela reconheceu a necessidade de investir no reconhecimento da marca e aumentar a retenção de usuários.

As ferramentas que eles usaram

Instalação

Para aproveitar as duas oportunidades identificadas acima, a Rakuten 24 decidiu criar recursos de Progressive Web App (PWA) de forma incremental, começando com a instalação. A implementação da capacidade de instalação resultou em aumento do tráfego, retenção de visitantes, vendas por cliente e conversões.

beforeinstallprompt

Para ter mais flexibilidade e controle sobre o comportamento da caixa de diálogo de instalação, a equipe implementou a própria solicitação de instalação usando o evento beforeinstallprompt. Assim, eles conseguiram detectar se o app já estava instalado no Android ou iOS e proporcionar uma experiência mais significativa e relevante aos usuários.

Instruções de instalação personalizadas

Para os usuários que não conseguiram instalar o PWA pelo banner, eles criaram um guia personalizado (link no banner) com instruções sobre como instalar o PWA manualmente em dispositivos Android e iOS.

Workbox para service workers

A equipe da Rakuten 24 usou o Workbox (o workbox-webpack-plugin) para garantir que o PWA funcionasse bem mesmo quando o usuário estivesse off-line ou em uma rede ruim. As APIs do Workbox para controlar o cache funcionaram muito melhor do que o script interno anterior da Rakuten 24. Além disso, com o workbox-webpack-plugin (e o Babel), foi possível automatizar o processo de compatibilidade com uma variedade maior de navegadores. Para aumentar ainda mais a resiliência da rede, a empresa implementou uma estratégia que prioriza o cache para os recursos CSS e JS e usou a validação durante a revalidação para imagens que não mudam com frequência.

Resultados gerais dos negócios

Outras maneiras como a empresa melhorou a capacidade de instalação

• Reconhecimento da marca:como os usuários podem acessar o Rakuten 24 diretamente na tela inicial, isso ajudou os usuários e a Rakuten a separar o Rakuten 24 da Rakuten-Ichiba.
• Eficiência:a Rakuten 24 conseguiu gerar esses resultados sem gastar muito tempo e dinheiro criando apps específicos de plataforma para iOS e Android.

Nossa missão é contribuir com a sociedade criando valor por meio da inovação e do empreendedorismo. Um passo para conseguir isso foi melhorar a experiência do cliente da Rakuten 24 implementando o A2HS. Em um futuro próximo, também planejamos melhorar nosso engajamento com PWA e proposta de clientes desenvolvendo notificações push usando a API Web Push.

Masashi Watanabe, gerente geral do departamento de marketing de grupo da Rakuten Inc.

Confira a página Estudos de caso da escala na Web para mais histórias de sucesso da Índia e da Ásia.