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
Ao implementar a possibilidade de instalação, a Rakuten 24 conseguiu aumentar a frequência de visitas por usuário em 310% em comparação com o restante dos usuários da Web. Ela também teve um aumento de 450% na retenção de visitantes (em comparação com o fluxo anterior da Web para dispositivos móveis), um aumento de 150% nas vendas por cliente e de 200% na taxa de conversão. Todas as melhorias foram observadas em um período de um mês.
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.