Realizzazione siti web: dalla presenza online alle richieste di contatto
Molti siti aziendali sono corretti e inutili. La grafica regge, i testi ci sono, il modulo di contatto funziona, e le richieste non arrivano. Nella maggior parte dei casi la causa sta lontano dall'aspetto: il sito non risponde a nessuna domanda che una persona digita davvero su un motore di ricerca, si apre lentamente da rete mobile e non dice, nei primi due schermi, cosa si può ottenere e a chi si sta parlando.
Progettiamo partendo dalla domanda opposta: chi deve arrivare, da quale ricerca, e cosa deve poter fare in meno di un minuto. Da lì derivano le pagine da scrivere, la struttura degli indirizzi, il peso delle immagini e la forma del modulo. Il codice viene dopo, ed è la parte meno negoziabile e più veloce.
Lavoriamo senza passaggi di consegne: chi scrive il codice è la stessa persona con cui parli. Fra la tua richiesta e la modifica pubblicata in produzione non si inserisce nessun intermediario.
Tipologie di siti web e web app che realizziamo
Cinque formati diversi, con costi e tempi diversi. La scelta dipende da cosa deve succedere dopo la visita, non dalle dimensioni dell'azienda.
Sito aziendale professionale
Presentazione dell'attività, dei servizi e dei riferimenti, con pagine separate per ogni servizio. Ha senso quando le persone ti cercano già per nome o per categoria e devono capire in fretta se sei quello giusto, prima di telefonare.
Landing di campagna
Una pagina sola, un obiettivo solo, un modulo. Ha senso quando c'è un investimento pubblicitario o una promozione a tempo e serve misurare quante richieste arrivano per ogni euro speso, senza le distrazioni di un sito completo.
E-commerce
Catalogo, carrello, pagamento, spedizioni, gestione degli ordini. Ha senso quando vendi prodotti fisici o digitali e il magazzino è tuo. Se i prodotti sono pochi e il margine sottile, spesso conviene partire da un catalogo con ordine via messaggio e valutare il negozio in un secondo momento.
Web app gestionale
Un applicativo con accesso riservato che sostituisce fogli di calcolo e scambi di email: anagrafiche, agende, stati di lavorazione, permessi per ruolo. Ha senso quando il processo interno è specifico e nessun software pronto lo segue senza forzature.
Portale multi-tenant
Una piattaforma che ospita più attività, ognuna con i propri dati e un proprio indirizzo su sottodominio. Ha senso quando il prodotto è la piattaforma stessa e i clienti finali sono decine o centinaia, con la necessità di attivare un nuovo spazio senza duplicare il progetto.
Prestazioni, Core Web Vitals e ottimizzazione SEO tecnica
Un sito lento perde la visita prima di essere letto, soprattutto da rete mobile. Per questo le pagine che consegniamo arrivano al browser come HTML già pronto, al posto dello scheletro vuoto che il JavaScript riempie dopo. Cambia il momento in cui il contenuto diventa visibile alla persona e leggibile al motore di ricerca.
Su diet-app.it abbiamo applicato questa pratica in modo esplicito: l'interfaccia è un progetto React con Vite, ma le pagine pubbliche vengono prerenderizzate in file statici durante la build, così ogni indirizzo arriva completo di titolo, testo e dati strutturati JSON-LD. Il sito resta reattivo come un'applicazione a pagina singola e indicizzabile come un sito statico.
Sui Core Web Vitals lavoriamo su cose misurabili: dimensioni dichiarate per ogni immagine, in modo che il layout non salti mentre carica; caratteri tipografici che non bloccano il primo disegno della pagina; immagini in formato moderno e ridimensionate per lo schermo reale; suddivisione del codice per rotta, come su beachfy.it, dove ogni sezione scarica solo quello che le serve.
La parte SEO tecnica è il resto del lavoro: una gerarchia di titoli coerente, un solo H1 per pagina, indirizzi leggibili, sitemap e robots.txt corretti, tag canonical, anteprime social e dati strutturati per il tipo di contenuto giusto. L'accessibilità viaggia insieme: contrasto sufficiente, navigazione da tastiera, etichette sui controlli, alternative testuali per i grafici. Le stesse attenzioni che abbiamo messo nei pannelli di Beachfy servono qui a un sito vetrina.
Come si svolge la realizzazione di un sito, fase per fase
Cinque fasi, con un punto di verifica alla fine di ognuna. Nessuna fase parte se la precedente non è approvata.
- 01
Inquadramento e preventivo
Una conversazione per capire cosa vendi, a chi, e cosa deve fare il sito. Da lì scriviamo l'elenco delle pagine, delle funzioni e delle integrazioni necessarie, con un preventivo a corpo e una data di consegna. Se un prodotto pronto risolve il problema meglio di uno sviluppo, lo diciamo qui.
- 02
Struttura e contenuti
Definiamo l'architettura delle pagine e le ricerche a cui ognuna risponde. Serve il materiale reale: testi, listini, foto, dati aziendali. La mancanza di contenuti è la causa più frequente dei ritardi, quindi la affrontiamo all'inizio.
- 03
Interfaccia e prototipo
Disegniamo le schermate principali, prima da telefono e poi da desktop, con i colori e i caratteri decisi. Il prototipo si guarda e si commenta prima che esista una riga di codice, perché correggere un disegno costa molto meno che rifare un componente.
- 04
Sviluppo e collaudo
Scriviamo il codice, colleghiamo il modulo di contatto, i pagamenti o l'area riservata se previsti, poi proviamo su browser e dispositivi diversi. Alla fine misuriamo velocità, accessibilità e resa nei risultati di ricerca su un ambiente di prova che puoi visitare.
- 05
Pubblicazione e misura
Pubblicazione su dominio definitivo con HTTPS, indicizzazione, registrazione a Search Console e verifica dei redirect se c'è un sito precedente. Dopo qualche settimana rivediamo insieme i dati e correggiamo le pagine che non producono contatti.
CMS pronto o sviluppo su misura: differenze concrete
Non tutti i progetti meritano codice scritto da zero. Questo confronto serve a scegliere con cognizione, anche quando la risposta giusta è la colonna centrale.
| Aspetto | CMS pronto (WordPress e simili) | Sviluppo su misura |
|---|---|---|
| Costo iniziale | Contenuto: tema e plugin coprono gran parte del lavoro | Più alto, perché ogni schermata viene progettata e scritta |
| Tempi di avvio | Giorni per un sito vetrina standard | Settimane, in proporzione alle funzioni richieste |
| Modifica dei contenuti | Pannello già pronto, autonomia immediata dal primo giorno | Serve un pannello costruito apposta, oppure le modifiche passano da noi |
| Prestazioni | Dipendono dal tema e dal numero di plugin, e tendono a peggiorare quando se ne aggiungono | Si controlla ogni componente caricato e ogni kilobyte servito |
| Sicurezza e manutenzione | Aggiornamenti frequenti di nucleo, tema e plugin; piattaforma molto diffusa e quindi molto bersagliata | Meno codice di terze parti esposto, ma gli aggiornamenti delle librerie restano una responsabilità continua |
| Funzioni fuori standard | Possibili finché esiste il plugin adatto; oltre quel confine il costo cresce in fretta | Si scrivono direttamente, senza adattare il processo aziendale allo strumento |
| Quando conviene | Sito vetrina, blog, negozio con catalogo standard e budget da rispettare | Logiche proprie, area riservata, molti utenti, piattaforme multi-tenant, integrazioni specifiche |
Piattaforme multi-tenant: due esempi sviluppati dallo studio
Le piattaforme che ospitano più attività sono la parte più complessa di questo lavoro, e preferiamo mostrarle con prodotti nostri anziché con descrizioni astratte. Beachfy e BarbierItalia sono entrambi prodotti proprietari di Melarise, sviluppati e mantenuti da noi.
Beachfy è un gestionale per stabilimenti balneari con prenotazione del posto in spiaggia. Il gestore ricostruisce la mappa reale del lido in un editor drag-and-drop, usando come sfondo l'immagine satellitare della propria area; da quella mappa derivano disponibilità giornaliere, listino per settore e registro delle prenotazioni. Ogni lido ha un proprio indirizzo su sottodominio. È costruito con React 19 e TypeScript, con Firebase per autenticazione e dati in tempo reale, e oggi è in pre-lancio con apertura dichiarata per l'estate 2027.
BarbierItalia mette insieme una directory pubblica dove il cliente prenota e un gestionale per il salone. Ogni salone abbonato riceve un sito su sottodominio con il pulsante di prenotazione integrato, personalizzabile dal pannello per colori, carattere, raggio degli angoli e ordine delle sezioni, senza toccare il codice. Gli orari disponibili si calcolano sui turni dell'operatore scelto, sulle chiusure del salone e sulla durata effettiva del servizio. Gli abbonamenti passano da Stripe, il canone è fisso e non c'è commissione sulle prenotazioni.
Sono due progetti diversi con lo stesso problema di fondo: dati separati per ogni attività, un indirizzo dedicato, un pannello comprensibile a chi non è tecnico e lo usa dal telefono mentre lavora. Se il tuo progetto assomiglia a questi, la parte difficile riguarderà la struttura dei dati molto prima della grafica.
Cosa è compreso dopo la consegna del sito
La pubblicazione non chiude il lavoro. Questi elementi fanno parte del rapporto continuativo e li concordiamo prima di iniziare, non dopo il primo problema.
Hosting su Firebase e Google Cloud
I progetti sono ospitati sull'infrastruttura Google, con distribuzione dei contenuti su rete globale e certificato HTTPS incluso. Nessun server da amministrare e nessuna macchina che si riempie di aggiornamenti dimenticati.
Aggiornamenti tecnici
Librerie e dipendenze aggiornate quando escono correzioni di sicurezza, con verifica che il sito continui a funzionare dopo l'aggiornamento. Include il controllo periodico degli header di sicurezza.
Backup e ripristino
Copie dei dati e cronologia delle versioni del codice, in modo che una modifica sbagliata si possa annullare tornando a una versione precedente in pochi minuti.
Monitoraggio
Controlliamo che il sito risponda e che gli errori applicativi vengano registrati. Se qualcosa si rompe, il primo ad accorgersene non deve essere un cliente che voleva scriverti.
Modifiche ai contenuti
Aggiornamenti di testi, foto, listini e nuove pagine. Sui progetti dove è previsto un pannello li fai tu; sugli altri li facciamo noi su richiesta, con tempi concordati in fase di preventivo.
Come lavoriamo da remoto, con il progetto sempre visibile
Lo studio lavora da remoto con clienti in tutta Italia. Il primo contatto avviene per email o in videochiamata e serve a mettere per iscritto cosa deve fare il sito, quali pagine servono e quale materiale dobbiamo ricevere da te. Da quel momento il progetto resta consultabile: ogni avanzamento finisce su un ambiente di prova che puoi aprire dal telefono e commentare mentre lo guardi, senza aspettare una presentazione formale.
È il modo in cui abbiamo costruito i prodotti dello studio, ed è lo stesso metodo che usiamo sui progetti su commessa: nessuna fase resta invisibile fino al giorno della consegna. Le decisioni che spostano tempi o costi le scriviamo prima di applicarle, così il preventivo iniziale e la fattura finale raccontano la stessa storia.
Domande frequenti sulla realizzazione di siti web
Non pubblichiamo un listino, perché il prezzo dipende da quante pagine servono, da chi scrive i contenuti, dalle integrazioni richieste e dalla presenza o meno di un'area riservata. Un sito vetrina e una web app gestionale stanno su ordini di grandezza diversi. Dopo una prima conversazione ricevi un preventivo a corpo, con l'elenco di quello che è incluso e la data di consegna. Le fatture non applicano IVA per regime forfettario.
Dipende dalla tipologia: una landing di campagna richiede pochi giorni di lavoro, un sito aziendale qualche settimana, una piattaforma con area riservata dei mesi. A spostare di più i tempi sono i contenuti: testi, foto e listini definitivi. Se li abbiamo all'inizio, le date concordate reggono.
Sì, se il progetto prevede un pannello di gestione. Lo costruiamo sulle cose che cambierai davvero, per esempio prodotti, prezzi, orari e articoli, e lasciamo fisso il resto, così non è possibile rompere il layout per sbaglio. Se preferisci non occupartene, gli aggiornamenti li facciamo noi su richiesta.
Sì. Il dominio è intestato a te, il codice sorgente è tuo e viene consegnato, gli account dei servizi collegati sono tuoi. Se un giorno vuoi cambiare fornitore, porti via tutto senza dover chiedere niente a noi. Non leghiamo i progetti a licenze o piattaforme che rendono costosa l'uscita.
La parte tecnica la curiamo noi: pagine servite già pronte, velocità di caricamento, dati strutturati, sitemap, indirizzi puliti e contenuti organizzati sulle ricerche che contano nel tuo settore. Il resto arriva dai contenuti pubblicati nel tempo e dalla reputazione dell'attività. I primi movimenti si vedono in genere dopo qualche mese, ed è per questo che dopo la pubblicazione guardiamo i dati insieme invece di aspettare.