Site como aplicativo: o que é um PWA e quando vale a pena

Site como aplicativo: o que é um PWA e quando vale a pena

Talvez você já tenha visto um cliente fazer isso sem perceber: abriu o seu site no celular, gostou, e em vez de anotar o endereço apertou "adicionar à tela de início". A partir daquele momento, o seu site virou um ícone no meio do WhatsApp e do Instagram dele. Ele não baixou nada de loja nenhuma, não gastou espaço no aparelho — e ainda assim tem o seu negócio a um toque de distância.

Esse comportamento tem nome técnico: PWA. E existe um jeito de preparar o site para que essa experiência funcione bem de propósito, e não por acidente. É sobre isso que este artigo fala — em português claro, sem exigir que você entenda de programação.

O que é um PWA, em português claro

PWA é a sigla de Progressive Web App, ou "aplicativo web progressivo". Traduzindo para o mundo real: é um site preparado para se comportar como aplicativo no celular. Mesmo endereço, mesmo conteúdo, mesma página que o Google encontra — só que com ícone próprio na tela inicial, abrindo em tela cheia e guardando na memória do aparelho as partes que já foram vistas.

A palavra "progressivo" é a chave do conceito. Nada é substituído: quem entra pelo navegador continua vendo o site normalmente. Quem quiser instalar, instala. É uma camada extra em cima do que você já tem, não um produto novo para construir do zero.

O que muda para quem visita

Um ícone no lugar de um endereço

Sites vivem no meio de dezenas de abas e favoritos esquecidos. Ícone na tela inicial é território: ele aparece todo dia, junto com os aplicativos que a pessoa realmente usa. Para um negócio que depende de compra repetida — restaurante, farmácia, pet shop, academia — isso muda o número de vezes que o cliente volta.

Abre em tela cheia

Quando aberto pelo ícone, o PWA esconde a barra de endereço do navegador. Some aquele visual de "página da internet" e sobra só o seu conteúdo, com a sua cor no topo e a sua marca. Em telas pequenas, isso devolve um espaço que faz diferença real na leitura.

Segura melhor a conexão ruim

Um PWA guarda no aparelho uma cópia das páginas e imagens já carregadas. Resultado: na segunda visita, abre quase instantaneamente. E se a internet cair no meio — no elevador, na estrada, naquele ponto de sombra do bairro — em vez da tela de erro o visitante ainda vê o que já tinha sido baixado: horário de funcionamento, endereço, cardápio, telefone.

Três cartões comparando site comum, PWA e aplicativo de loja quanto à forma de acesso, comportamento no celular e custo
O PWA fica no meio: cara de aplicativo, custo de site.

O que o PWA faz e o que não faz

É aqui que a maioria das expectativas se quebra, então vale ser direto:

RecursoPWAApp de loja
Ícone na tela inicialSimSim
Abrir em tela cheiaSimSim
Funcionar sem internetParcialSim
Usar câmera e localizaçãoSim, com permissãoSim
Notificações no celularLimitado no iPhoneSim
Aparecer na Play StoreNão, por padrãoSim
Ser encontrado no GoogleSim, é um siteNão

Traduzindo a tabela: o PWA entrega a parte confortável da experiência de aplicativo, mas não substitui um app quando o negócio depende de recursos profundos do aparelho ou de notificações agressivas no iPhone.

Quando vale a pena para o seu negócio

  • O cliente volta sempre. Delivery, salão, clínica, oficina, mercadinho, aluguel de equipamento: se existe recompra, o ícone se paga sozinho.
  • Você tem cardápio, catálogo ou tabela consultada com frequência. Guardar essas páginas no aparelho deixa a consulta imediata.
  • O atendimento acontece em lugar com sinal fraco. Praia, estrada, subsolo, interior: o PWA continua mostrando o essencial.
  • Um app de loja seria caro demais. Desenvolver e manter aplicativo nativo custa vários milhares de reais por ano, entre atualizações e taxas das lojas. O PWA é uma fração disso.
  • Seu site já é bom no celular. Se a base está sólida, o PWA é o passo natural em cima dela.

Quando não vale

  • O site ainda não funciona bem no celular. Instalar um site ruim só faz o problema caber no bolso do cliente. Antes disso, resolva a responsividade do site.
  • Compra única e sem retorno. Quem contrata um serviço uma vez na vida não vai querer um ícone da sua empresa no celular.
  • O site é lento. PWA acelera a segunda visita, não a primeira. Se a primeira demora, a pessoa nem chega à parte boa — vale entender antes como um site rápido ajuda a vender.
  • Você precisa de notificação obrigatória. Em iPhone, as notificações de PWA só funcionam depois de instalado e com limitações. Se o negócio vive de alerta, reavalie.

O que o site precisa ter

Para um site virar PWA, quatro peças precisam existir. Você não precisa saber montá-las, mas é bom saber cobrar:

  1. Conexão segura. O site inteiro precisa rodar em HTTPS, aquele cadeado na barra de endereço. Sem isso, nada de PWA — o assunto está explicado em o que é certificado SSL.
  2. Um arquivo de manifesto. É a ficha de identidade do aplicativo: nome curto, cor do tema, orientação da tela e como ele deve abrir.
  3. Ícones em tamanho de aplicativo. O logo do site não serve: precisa de versões quadradas de alta resolução, que fiquem nítidas no ícone do celular.
  4. Um service worker. É o pedacinho de código que decide o que fica guardado no aparelho e o que é buscado na internet. É ele que faz o "funciona offline" acontecer.

Vale medir o desempenho antes e depois: um PWA bem configurado melhora sensivelmente os Core Web Vitals nas visitas seguintes, e isso conversa direto com o que o Google valoriza.

Como o cliente instala

Não existe download. No Android, o navegador costuma sugerir sozinho um aviso de "instalar aplicativo"; também dá para usar o menu e escolher "adicionar à tela de início". No iPhone, o caminho é o botão de compartilhar e depois "adicionar à Tela de Início" — e aí está o detalhe que quase todo mundo esquece: a maioria das pessoas não sabe que isso existe. Coloque no site um aviso curto e simpático ensinando o caminho, ou você terá um PWA que ninguém instala.

Erros comuns

  • Prometer aplicativo e entregar site. Diga "acesso rápido na tela inicial", não "baixe nosso app". Expectativa errada gera decepção.
  • Guardar tudo no aparelho. Se preços ou horários ficam presos na memória do celular, o cliente vê informação velha. O que muda precisa ser sempre buscado atualizado.
  • Ícone genérico. Um quadradinho cinza na tela do celular é pior que nada.
  • Pedir permissão de notificação na primeira visita. Quem acabou de chegar recusa — e depois disso não dá para perguntar de novo.

Conclusão

Se você quer o resultado sem mexer em manifesto, ícones e service worker, a TH Designer faz esse trabalho: avaliamos se o seu público realmente se beneficia de um PWA, preparamos o site para instalar bem nos dois sistemas e cuidamos do que fica guardado no aparelho — sem congelar preços e horários. Conheça nossos serviços e peça um orçamento sem compromisso.

No fim, um PWA não é modernidade por esporte. É encurtar a distância entre o cliente e o seu negócio: de "procurar no Google de novo" para "tocar no ícone". Para quem vende de novo para a mesma pessoa, esse atalho vale muito mais do que parece.

Perguntas frequentes

PWA é a mesma coisa que aplicativo?
Não exatamente. Um PWA é o seu site preparado para se comportar como aplicativo: ganha ícone na tela inicial, abre em tela cheia e carrega rápido nas visitas seguintes. Mas continua sendo um site, no mesmo endereço, e não é baixado da Play Store ou da App Store. Para a maioria dos negócios locais, isso já entrega a parte que o cliente percebe.
Preciso refazer o meu site para ter um PWA?
Na maioria dos casos, não. O PWA é uma camada adicionada ao site existente: manifesto, ícones em tamanho de aplicativo e um service worker. O que exige atenção antes é a base: o site precisa rodar em HTTPS e funcionar bem no celular. Se esses dois pontos já estão resolvidos, a preparação é rápida.
Um PWA funciona sem internet?
Parcialmente, e isso é proposital. Ele guarda no aparelho as páginas e imagens já visitadas, então o cliente continua vendo endereço, horários e cardápio mesmo sem sinal. O que depende de dados atualizados, como preços, estoque e formulários, só funciona com conexão — e é melhor assim, para ninguém ver informação velha.
Vou aparecer na Play Store com um PWA?
Não por padrão. O PWA é instalado direto pelo navegador, sem passar pelas lojas. Existe a possibilidade de empacotá-lo e publicar na Play Store, o que acrescenta custo e aprovação ao processo. A vantagem do outro lado é que, sendo um site, ele continua sendo encontrado no Google — coisa que aplicativo nativo não faz.
Quanto custa transformar meu site em PWA?
É bem mais barato que um aplicativo nativo, porque aproveita o site que já existe: normalmente uma configuração pontual, sem mensalidade de loja nem equipes separadas para Android e iPhone. O valor depende do tamanho do site e de quanto conteúdo deve ficar disponível offline. Vale pedir um orçamento junto com uma avaliação de desempenho no celular.
Thiones Braz, web designer em Guarapari

Thiones Braz

Web designer em Guarapari, ES. Cria sites, landing pages e lojas virtuais na TH Designer. Veja os serviços ou conheça os trabalhos.

Compartilhe:

Comentários

Entre com a sua conta Google para comentar.