A cosa serve una web app per la tua attività?
Un programma nel browser, anche dal telefono. Prenotazioni, area clienti, pannello. Se serve l'app su App Store o Google Play, il preventivo è a parte.
Che differenza c'è tra un sito e una web app?
Il sito racconta chi sei. La web app, cioè l'applicazione web, serve a lavorare: login, dati, azioni. Si apre da un indirizzo. L'app sullo store, se serve, è un lavoro distinto.
Il sito
Orari, servizi, mappa, WhatsApp. Chi arriva da Google capisce cosa fai e ti scrive. Resta sulla pagina Prezzi: vetrina, landing, e-commerce.
La web app
Il cliente prenota, entra nella sua area, scarica un preventivo. Tu vedi agenda, magazzino o listini. I dati restano nel database e si aggiornano da soli.
Sviluppo web app significa costruire quello strumento sul tuo lavoro, non un software generico da abbonamento. Il perimetro lo chiudiamo prima: quante schermate, chi entra, cosa deve succedere.
Come si presenta una web app
Esempio di agenda, non un cliente. Tre orari, uno già preso.
Meccanismo di esempio. La grafica e i ruoli si definiscono sul tuo caso.
Cosa comprende lo sviluppo di una web app
Quattro lavori che facciamo. Non un gestionale da cinquantamila euro: lo stretto necessario per l'attività.
Prenotazioni
Il cliente sceglie giorno e ora. Tu vedi l'agenda. Parte la conferma su WhatsApp.
Area clienti
Login, preventivi, foto di cantiere, documenti da scaricare. Ognuno vede solo i suoi.
Pannello interno
Ordini, magazzino, scorte. Lo usi tu e chi lavora con te, dal browser.
Portale B2B
Il rivenditore entra e trova i suoi prezzi. Ordina senza chiedere il listino ogni volta.
Come funziona una web app per un'attività
Esempi di lavoro, non clienti. Quando succede X, parte Y.
Flusso 1 · prenotazioni
Il cliente prende un orario. Tu lo vedi in agenda
Apre la pagina, sceglie il taglio, conferma. Lo slot si chiude. A lui arriva WhatsApp. A te resta la riga in tabella.
Sceglie l'ora
Dal telefono, senza chiamare.
L'agenda si chiude
Quell'orario non è più libero.
Conferma in chat
WhatsApp a lui e a te.
| Ora | Nome | Stato |
|---|---|---|
| 16:00 | Marco | confermato |
| 17:00 | Luca | in attesa |
Flusso 2 · area clienti
Entra, vede il preventivo, scarica le foto
Impresa edile o idraulico: il committente ha un accesso. Trova il PDF e lo stato dei lavori. Tu non mandi zip su WhatsApp ogni settimana.
Login
Email e password, solo i suoi dati.
Documenti
Preventivo, SAL, foto del cantiere.
Tu aggiorni
Carichi un file. Lui lo vede da solo.
Flusso 3 · pannello interno
Un ordine al banco. Il magazzino si muove
Ferramenta o forno: vendi tre pezzi. La scorta scende. Se passa sotto la soglia, lo vedi in elenco. Niente quaderno a parte.
Segni la vendita
Dal telefono, in negozio.
Scorte aggiornate
Il numero cambia nel database.
Soglia bassa
La riga si evidenzia. Riordini tu.
Flusso 4 · portale B2B
Il rivenditore entra e trova i suoi prezzi
Listino diverso per ciascuno. Ordina dal browser. A te arriva la riga, senza rincorrere i PDF.
Entra col suo account
Vede solo il suo listino.
Compila l'ordine
Quantità e consegna.
Arriva a te
WhatsApp o pannello, come decidiamo.
Questi flussi si adattano all'attività. Non sono casi di clienti pubblicati.
Sul telefono, senza lo store
La web app si apre dal browser. Si può mettere sulla Home, con un'icona. Si chiama PWA: stessa applicazione, niente App Store e niente Google Play.
Apri il link
Dal telefono, come un sito.
Aggiungi a Home
Dal menu del browser, in due tap.
Icona sul telefono
Si apre a schermo intero. Gli aggiornamenti arrivano da soli.
Esempio di icone sulla Home. Non è un'app pubblicata sullo store.
App per iPhone e Android
Quando i clienti la cercano sullo store, o servono fotocamera, GPS e notifiche come un'app scaricata. React Native con Expo, o Flutter. Preventivo chiaro, distinto dalla web app.
React Native e Expo
Stessa famiglia di React. Un codice, iPhone e Android. Ha senso se la web app è già in React o Next.js.
Flutter
Un codice, due store. Interfaccia disegnata a parte. Si sceglie se il progetto parte da zero sul telefono.
Pubblicazione su App Store e Google Play a carico del progetto, nel preventivo. Non è il pacchetto sito.
Tecnologie
Quelle che servono al progetto. Restano nel preventivo.
Next.js e React
L'interfaccia nel browser. Pagine veloci, anche dal telefono.
WordPress
Se il sito è già tuo: login e area riservata restano lì, con parti scritte su misura.
WhatsApp Business
Conferme, avvisi, passaggi all'umano. Stessa chat che usi già.
PostgreSQL o MySQL
Il database: clienti, prenotazioni, scorte. I numeri veri, non un foglio sparso.
React Native e Expo
App iPhone e Android da una base React. Store, notifiche, fotocamera.
Flutter
Un codice per i due store. Si usa se l'app nativa è il pezzo principale.
PWA
Icona sulla Home, senza store. La web app si comporta da applicazione sul telefono.
Come lavoriamo
Quattro passi. Il totale lo vedi prima.
Chi entra, quali schermate, da dove arrivano i dati.
Chiaro prima di iniziare, sul perimetro che chiudiamo insieme.
Web app, PWA sul telefono, oppure app nativa se serve lo store.
Pubblicazione e una sessione su come usarla.
Domande frequenti
Una web app è un sito?
Il sito presenta l'attività. La web app fa lavorare: prenotare, entrare, aggiornare dati. Spesso stanno insieme, con ruoli diversi.
Quanto costa una web app?
Non è il pacchetto vetrina o e-commerce. Il preventivo è chiaro prima di iniziare, sul perimetro che decidiamo insieme.
Devo pubblicarla sullo store?
La web app no: si apre da un indirizzo, anche dal telefono, e si può mettere sulla Home (PWA). L'app nativa sì, su App Store e Google Play, se serve.
PWA o app nativa?
PWA se basta il browser e un'icona. Nativa se i clienti la cercano sullo store o servono fotocamera, GPS, notifiche di sistema. Si decide in preventivo.
Serve se ho già WordPress?
Sì, se manca login, agenda o un pannello. Si può partire dal sito esistente o da Next.js, in base al caso.
I dati dove stanno?
In un database (PostgreSQL o MySQL). Accessi separati per te, i collaboratori e i clienti.
Richiedi un preventivo
Risposta in giornata. Preventivo chiaro prima di iniziare.