Una piccola introduzione Cos'è una PWA e perché ti conviene rispetto a un'app nativa
Una PWA (Progressive Web App) è un sito web costruito con tecnologie standard (HTML, CSS, JavaScript) che si installa sul telefono dell'utente come un'app vera, funziona offline grazie a un service worker, può inviare notifiche push, accedere alla fotocamera e ai file locali, e si aggiorna in modo trasparente senza passare da uno store.
Quando ha senso una PWA: la stragrande maggioranza dei casi business non ha bisogno di hardware avanzato (NFC, sensori industriali, Bluetooth peripheral). Una PWA copre prenotazioni, e-commerce, gestionali interni, area clienti, configuratori, dashboard. Costa un quarto rispetto a un'app nativa equivalente e si aggiorna senza approvazione store.
Lo facciamo da Vicenza dal 2008 con oltre 180 progetti e 35+ PWA installate: ti aiutiamo a capire se il tuo caso è davvero da PWA o se serve il nativo, e ti consegniamo un'app installabile che funziona offline.
Esempi tipici Tre esempi di intervento, in settori diversi
Esempio · settore servizi B2C Sito di una catena di servizi alla persona (settore beauty)
PWA per prenotazioni online installabile dai clienti: calendario operatori, conferma via WhatsApp, promemoria push 24 ore prima. Costo finale circa un terzo rispetto al preventivo iniziale per app nativa equivalente.
33% costo vs preventivo nativo
Esempio · settore commercio retail Sito di un punto vendita locale (settore food)
PWA per ordini takeaway con catalogo offline e push promo: i clienti aprono l'app anche senza rete e completano l'ordine al ritorno della connessione. 1.500+ installazioni nei primi 6 mesi.
1500+ installazioni primi 6 mesi
Esempio · settore B2B industriale Sito di un produttore (settore meccanica)
PWA per agenti di vendita: catalogo offline con prezzi a quantità, ordine rapido, sync al rientro in rete. Funziona in stabilimento dove la copertura 4G è scarsa, sostituisce un'app nativa esistente che costava molto in manutenzione.
0 fee store annui
Cosa includiamo Cosa significa lavorare con noi su una PWA
Approccio operativo, non slide commerciali.
Audit di scelta nativo vs PWA
La scelta giusta prima di scrivere codice.
Prima di proporti una PWA verifichiamo che faccia davvero al caso tuo: valutiamo le funzionalità necessarie, gli hardware da accedere, la base utenti target, la presenza richiesta sugli store. Se serve davvero nativa te lo diciamo, niente forzature.
- Analisi funzionalità necessarie
- Verifica accesso hardware del telefono
- Confronto costi PWA vs nativa
- Decisione documentata
Progettazione mobile-first
Pensata per il telefono, non adattata.
Layout ottimizzato per touch, gesture native, performance sotto i 2 secondi su 4G, design system coerente con il brand. Niente sito desktop ridotto al 50%, ma un'esperienza pensata per la mano.
- Layout mobile-first
- Gesture e animazioni native
- Performance budget chiaro
- Design system del brand
Service worker e offline
Funziona anche senza rete.
Il service worker mette in cache risorse statiche, dati API e contenuti consultati di recente. L'app si apre anche in metro, in zona senza copertura, in volo. Sincronizzazione dati al ritorno della connessione.
- Service worker con strategia mista
- Cache offline dei dati frequenti
- Sync background al ritorno rete
- Fallback grafici in stato offline
Installabilità e notifiche
Esperienza app a tutti gli effetti.
Manifest configurato, icone in tutti i formati, splash screen, prompt di installazione personalizzato. Notifiche push (Android e desktop, su iOS dal 16.4) tramite servizio dedicato, con segmentazione utente.
- Manifest e icone complete
- Prompt installazione custom
- Splash screen personalizzato
- Notifiche push segmentate
Il problema Errori tipici sulle PWA
Pattern ricorrenti che vediamo prendendo in carico PWA esistenti:
- PWA spacciata per nativa: cliente paga il prezzo nativo, si ritrova con un sito
- Sito responsive con manifest aggiunto: non funziona offline, niente push, esperienza scadente
- Service worker copiato da template: cache che non si aggiorna mai, contenuti vecchi
- Niente strategia offline: l'app smette di funzionare senza rete, l'utente disinstalla
- Notifiche push aggressive: prompt al primo accesso, blocco utente, churn alto
- Performance non testate: 6 secondi a caricare su 4G, abbandono certo
- Niente segmentazione push: stessa notifica a tutti, opt-out massivo dopo poche settimane
Il nostro approccio: scelta consapevole nativo vs PWA, service worker progettato, performance verificate, push solo dopo permesso esplicito.
I vantaggi Cosa ti porta scegliere una PWA con noi
Quello che ti porti a casa
Risultati concreti che vedi subito:
- Risparmio del 75% circa rispetto a un'app nativa equivalente
- Una sola codebase: Android, iOS, desktop, web in un colpo
- Niente fee store: no 30% Apple/Google sui pagamenti in-app
- Niente revisioni: pubblichi un fix oggi, è online tra 5 minuti
- Indicizzabile su Google: ogni pagina è un URL, SEO funziona
- Funziona offline: utente non perde la sessione in metro
- Push notification: come app nativa (su Android sempre, iOS dal 16.4)
Come lavoriamo Le 4 fasi di un progetto PWA
1. Discovery e scelta tecnica
Settimana 1.
- Analisi funzionalità necessarie
- Confronto PWA vs nativa
- Stima costi e tempi
- Roadmap con KPI
2. Design mobile-first
Settimana 2-3.
- Wireframe interattivi
- Design system mobile
- Prototipo cliccabile
- Sign-off cliente
3. Sviluppo e test
Settimana 3-8.
- Sviluppo Astro o React/Vue
- Service worker e offline
- Notifiche push
- Test su device reali
4. Go-live e manutenzione
Settimana 9 in poi.
- Deploy in produzione
- Monitoring performance
- Aggiornamenti continui
- Evoluzione feature
Strumenti Stack PWA che usiamo
Tecnologie scelte per costruire bene una PWA:
- Astro / Next.js / SvelteKit come framework
- Workbox per service worker maturi
- Web Push standard per notifiche
- IndexedDB per storage locale strutturato
- Lighthouse per performance budget
Tecnologie Stack tecnologie che usiamo
Astro
Node.js
Cloudflare
GitHub
WordPress
Astro
Node.js
Cloudflare
GitHub
WordPress Risultati Cosa garantiamo come output
Quello che ti consegniamo a fine progetto:
- PWA installabile su Android, iOS, desktop
- Funzionamento offline con service worker progettato
- Notifiche push segmentate
- Performance Lighthouse oltre 90 su mobile
- Documentazione tecnica per il tuo IT
- Manutenzione opzionale post go-live
Quanto costa una PWA installabile? +
Servizio su misura: il preventivo dipende dalla complessità dei requisiti, dalle integrazioni con sistemi terzi (CRM, gestionale, API esterne), dal volume di test richiesto e dal livello di SLA in manutenzione. Prima cosa che facciamo è una discovery call gratuita di 30-45 minuti per capire scope e contesto, poi mandiamo un preventivo scritto entro 48-72 ore. Niente listini standard.
Quando conviene una PWA invece dell'app nativa? +
Quando non ti serve hardware avanzato (NFC, Bluetooth peripheral, sensori industriali), quando vuoi aggiornare velocemente, quando vuoi essere indicizzato su Google, quando vuoi evitare le fee store. Cioè nell'80% dei casi business comuni.
Quando serve davvero un'app nativa? +
Quando serve hardware deep (lettura tessere NFC, comunicazione Bluetooth con dispositivi esterni, sensori industriali), quando la presenza sullo store è strategica per visibilità (app consumer mass-market), quando servono performance grafiche estreme (giochi, AR, video editing).
Funziona davvero offline? +
Sì, se progettata bene. Le risorse statiche (HTML, CSS, JS, immagini) e i dati frequenti vengono messi in cache. Quando l'utente è offline l'app continua a funzionare con i dati ultimi disponibili e sincronizza al ritorno della connessione.
Le notifiche push funzionano su iPhone? +
Sì, da iOS 16.4 (marzo 2023) le PWA installate dalla home screen possono ricevere notifiche push come le app native. Su Android funzionano da sempre. Su desktop (Mac, Windows, Linux) anche.
Lavorate solo Veneto? +
Operiamo in tutta Italia. Per progetti con formazione del team o test sul campo consideriamo Veneto, Lombardia, Emilia. Tutto il resto avviene da remoto via Zoom o Meet.
Cosa NON fate? +
Niente PWA spacciate per app native. Niente sito responsive con manifest aggiunto come 'PWA'. Niente service worker copiati da template. Niente lavoro a perdere senza pre-audit di scoping.