O documento discute as vantagens dos Progressive Web Apps (PWAs) em relação aos aplicativos nativos, destacando que PWAs fornecem uma experiência aprimorada para o usuário de forma rápida e com baixo consumo de dados. PWAs podem ser uma boa opção para empresas com orçamento limitado ou cujos produtos não necessitam de alta recorrência. Exemplos de empresas que tiveram sucesso ao adotar PWAs são apresentados.

1. 1
Powered by
Como inovar em campanhas a
partir da experiência mobile
LE ARN MO RE

2. 2
Olá, pessoal!
Daniel Galvão
CWO
CRP Mango
• Especialista em marketing digital – Urbana Illinois
• Pós Graduado em Gestão de marketing – UAM Laureate
• Graduado em Comunicação
• 15 anos de experiência em marketing digital
• CWO – CRP Mango
• Professor de marketing digital – SPDS, FEI, SENAC e Mirago
• Palestrante
• 5 indicações – Profissional marketing digital Digitalks – Abradi – L’Oréal
@danielrgalvao

3. 3
Olá, pessoal!
Daniel Galvão
CWO
CRP Mango
• Especialista em marketing digital – Urbana Illinois
• Pós Graduado em Gestão de marketing – UAM
• Graduado em Comunicação
• 15 anos de experiência em marketing digital
• CWO – CRP Mango
• Professor de marketing digital – SPDS, FEI, SENAC e Mirago
• Palestrante
@danielrgalvao

4. 4

5. 5

6. 6

7. 7

8. 8

9. 9
300

10. 10
300
52% 50% 87% 48% 27%
Use the alarm
clock function
Has a bank
account
Makes online
purchases
Mobile map
services
Take photos or
vídeos

11. 11
Hoje a jornada é única, cada usuário tem a sua!
O que é uma boa
maquiagem
hipoalergênica?
Quais marcas de
maquiagem são
hipoalergênicas?
Vídeo como usar? Onde econtrar? Compra feita no celular

12. 12

13. 13
Números do mercado mobile
79%75%40%
2012 2016 2018
Uso da internet por meios dos dispositivos móveis

14. 14
Torne-se relevante
• 20% das empresas que hoje possuem
APP irão abandona-los até 2020.
• Em torno de 80% dos APP são
desinstalado 3 dias após o download.
• Fotos, músicas e vídeos são mais
importantes.

15. 15

16. 16
Experiência é tudo!
• Atualmente são mais de 3.600.000 app
disponíveis para download no Google
play.
• Cada nova etapa para realizer o
download, reduz em 20% o engajamento
do usuário.
• Mais de 50% dos usuários de app não
baixam sequer 1 app por mês.

17. 17
MINIMAL
STYLE
“simplicity
is the ultimate
sophistication”
L e o n a r d o d a V i n c i

18. 18
APP

19. 19
PWA – Progressive Web App

20. 20
PWA – Progressive Web App
Metodologia de desenvolvimento híbrida onde é utlizado
soluções web com app

21. 21
PWA – Progressive Web App
Onde nosso maior desafio não está mais na programação e
sim em entregar uma melhor experiência ao consumidor

22. 22
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário

23. 23
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas

24. 24
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas
Disponível
Funcionamento off-line

25. 25
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas
Disponível
Funcionamento off-line
App-like
Entrega experiência de aplicativo

26. 26
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas
Disponível
Funcionamento off-line
App-like
Entrega experiência de aplicativo
Atualizado
Não é preciso atualizar, o browser faz
isso.

27. 27
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas
Disponível
Funcionamento off-line
App-like
Entrega experiência de aplicativo
Atualizado
Não é preciso atualizar, o browser faz
isso.
Seguro
Só navega em HTTPS

28. 28
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas
Disponível
Funcionamento off-line
App-like
Entrega experiência de aplicativo
Atualizado
Não é preciso atualizar, o browser faz
isso.
Seguro
Só navega em HTTPS
Engajável
Usa push notifications

29. 29
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas
Disponível
Funcionamento off-line
App-like
Entrega experiência de aplicativo
Atualizado
Não é preciso atualizar, o browser faz
isso.
Seguro
Só navega em HTTPS
Engajável
Usa push notifications
Instalável
Adiciona ícone na tela principal do
aparelho

30. 30
PWA – Progressive Web App
Aplicações
Progressivo
Serve para qualquer usuário
Responsivo
Se adapta a todas as telas
Disponível
Funcionamento off-line
App-like
Entrega experiência de aplicativo
Atualizado
Não é preciso atualizar, o browser faz
isso.
Seguro
Só navega em HTTPS
Engajável
Usa push notifications
Instalável
Adiciona ícone na tela principal do
aparelho

31. 31
Pinterest
Reformulou seu site mobile para PWA e teve um acréscimo de
engajamento por usuários 80% maior.
• 80% de engajamento
• Usuários ativos aumento em 103%
• Números de pins aumento em 401%

32. 32
Uber
Foi desenvolvido para ser mais rápido para conexões 2G, o core
do APP PWA tem apenas 50kb leva menos de 3 segundos para
ser carregado.
• 3 segundos para ser carregado
• Apenas 50kb

33. 33
Tinder
Foi desenvolvido para ser mais rápido para conexões 2G, o core
do APP PWA tem apenas 50kb leva menos de 3 segundos para
ser carregado.
• 3 segundos para ser carregado
• Apenas 50kb

34. 34
Tinder

35. 35
Tinder

36. 36
Tinder

37. 37
Flipkart
A Flipkart, o maior site de comércio eletrônico da Índia, decidiu
combinar sua presença na web e seu aplicativo nativo em um
aplicativo da Web progressivo, que resultou em um aumento de
70% nas conversões.
• +70% na conversão de vendas
• Tempo de permanência 3x maior
• Engajamento 40% a mais
• Consumo de dados 3x menor

38. 38
Flipkart

39. 39

40. 40
Portanto
• Se o produto da sua empresa não é um app
• Não tem alta recorrência ou engajamento
• Budget está apertado

41. 41
Portanto
• Se o produto da sua empresa não é um app
• Não tem alta recorrência ou engajamento
• Budget está apertado
PWA – Progressive Web App

42. 42
Obrigado
daniel@crpmango.com.br
@danielrgalvao