eduardo almeida (victor) - qconsp · progressive web apps. proprietary + confidential ok, pwa!...

40
Eduardo Almeida (Victor) Front-end Engineer at Via Varejo

Upload: others

Post on 20-May-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Eduardo Almeida (Victor)Front-end Engineer at Via Varejo

Eduardo AlmeidaFront-end Engineer at Via Varejo

@oeduardoal any social networks

Eduardo Almeida (Victor)

Proprietary + Confidential

● Mais pessoas na internet

● Mais conexão entre os devices;

● Dispositivos variados;

5B de dispositivos na web

Proprietary + Confidential

Proprietary + Confidential

contentbazaar.co/20160314/pi-way contentbazaar.co/20160314/pi-waycontentbazaar.co/20160314/pi-way

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

contentbazaar.co/20160314/pi-way

Proprietary + Confidential

LiderançaCultura Conhecimento

O que falta mudar?

Proprietary + Confidential

+50% das visitas em sites mobile são abandonadas se demoram mais que 3 segundos para carregar

No Brasil, em média, os sites mobile demoram 15.8 segs. para carregar completamente

1 segundo de atraso em mobile sites pode impactar as conversões em até 20%

mSpeed

Fonte: 1 Testmysite, Google, 2017 - 2 SOASTA, 2017 - 3 Provokers, 2017

Proprietary + ConfidentialProprietary + Confidential

Awwwards Research mostra que a velocidade necessária para carregar uma página afeta a experiência móvel dos usuários

O tempo que o site demora pra carregar

Facilidade para encontrar o que eu procuro

75%

66%

Source: SPEED MATTERS: DESIGNING FOR MOBILE PERFORMANCE [link]

https://speedcurve.com/blog/web-performance-page-bloat/

Proprietary + Confidential

blend of the best

features of a native

app and a web app

What Are

Progressive

Web Apps?

Proprietary + Confidential

Rápido Confiável Engajador

Progressive Web Apps

Proprietary + Confidential

OK, PWA!let's go!

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Background

Clientes navegar pelo menu, personalizar seus pedidos e adicionar itens aos carrinhos

Sistema universalmente acessível (Mesmo offline)

Proprietary + Confidential

PWAs não tem dono

Proprietary + Confidential

PWAiOS x Android

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Retira 2h

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Proprietary + Confidential

Home

Proprietary + Confidential

Pesquisa

Proprietary + Confidential

Lojas com produto selecionado

Proprietary + Confidential

Lojas selecionada

Proprietary + Confidential

Mais informações

Proprietary + Confidential

Mobile First

Proprietary + Confidential

Mobile Only

Proprietary + Confidential

Utilizar PWA é oportunidade de

melhorar a experiência

onde já converte melhor

Proprietary + Confidential

Obrigado! :)

Eduardo AlmeidaFront-end Engineer at Via Varejo

@oeduardoal any social networks

Proprietary + Confidential

Front-End Produtivo