Preventivo sito web: come calcolarlo e scriverlo (con esempio)

Un buon preventivo per un sito web parte da una breve conversazione conoscitiva e poi suddivide il progetto in fasi chiare: analisi e strategia, design, sviluppo, contenuti, SEO di base e messa online, con hosting e manutenzione come voce ricorrente separata. Ogni fase ha le sue voci con quantità, prezzi e cosa è incluso, seguite dal numero di giri di revisione, da un piano di pagamento e da una data di validità. Offrire due o tre pacchetti invece di un unico prezzo rende più facile per il cliente dire sì.

Questa guida affronta ogni passaggio: cosa chiedere prima di stabilire qualsiasi prezzo, come scegliere un metodo di prezzo, come strutturare il preventivo e un esempio completo per il sito di una piccola impresa. Che tu sia un designer freelance o un piccolo studio, la struttura è la stessa. Se prima vuoi una checklist generale, leggi cosa includere in un preventivo.

Raccogli i requisiti prima del preventivo

La maggior parte dei progetti web che sforano il budget è stata sottostimata, non eseguita male. La causa di solito è una domanda mancata all'inizio: nessuno ha chiesto chi scrive i testi, in quante lingue deve essere il sito o se il sistema di prenotazione deve comunicare con uno strumento esistente. Una call conoscitiva di venti minuti, o un breve questionario, ti evita di andare a tentoni.

Le domande da fare all'inizio

• Obiettivi: cosa deve ottenere il sito? Più richieste di contatto, prenotazioni online, vendite, candidature, credibilità?
• Pubblico: chi visita il sito e cosa deve trovare in fretta?
• Pagine e struttura: quante pagine, a grandi linee, e quali hanno un layout unico e quali ripetono lo stesso modello?
• Contenuti: chi scrive i testi e fornisce le foto? Ci sono contenuti esistenti da migrare, e quanti?
• Funzionalità: moduli di contatto, un blog, prenotazioni, un negozio online, un'area riservata, integrazioni con strumenti che il cliente usa già?
• Lingue: una lingua o più? I siti multilingue aggiungono lavoro di design, sviluppo e contenuti.
• Identità visiva: esistono un logo e una guida di stile, o vanno creati prima?
• Piattaforma: il cliente preferisce un CMS in particolare o deve poter modificare il sito da solo?
• Tempistiche: c'è una scadenza tassativa, come un evento di lancio o una campagna?
• Budget: il cliente ha in mente una cifra indicativa? Chiederlo apertamente ti evita di progettare un pacchetto che nessuno può permettersi.
• Decisori: chi approva il design e chi firma il preventivo?

Scegli un metodo di prezzo

Non esiste un unico modo corretto per stabilire il prezzo di un sito web. La maggior parte dei designer e delle agenzie usa uno di questi quattro approcci, o una combinazione.

Per il sito di una piccola impresa, un prezzo fisso costruito da voci chiare è spesso il più facile da approvare per il cliente: sa quanto pagherà e vede dove vanno i soldi. Dietro le quinte puoi comunque calcolare ogni voce da una stima delle giornate alla tua tariffa. Ricordati solo di aggiungere un margine per gestione del progetto, riunioni e giri di feedback, che si dimenticano facilmente e raramente sono pochi.

Struttura il preventivo per fasi

Suddividi il progetto in fasi che rispecchino il tuo modo di lavorare. I clienti si fidano dei prezzi che riescono a seguire, e le voci separate permettono loro di modificare il perimetro invece di chiedere uno sconto sul totale.

1. 1Analisi e strategia: workshop iniziale, obiettivi, mappa del sito, struttura delle pagine e, se serve, wireframe.
2. 2Design: design visivo della homepage e di ogni modello di pagina unico, per desktop e mobile, con un numero fisso di giri di revisione.
3. 3Sviluppo: realizzazione dei modelli nel CMS scelto, comportamento responsive, moduli ed eventuali funzionalità specifiche come un blog o uno strumento di prenotazione.
4. 4Contenuti: inserimento o migrazione dei contenuti e, se li offri, copywriting o fotografia. Sii esplicito quando i contenuti sono a carico del cliente.
5. 5SEO di base: titoli delle pagine e meta description, URL puliti, redirect dal vecchio sito, controlli di base sulle prestazioni e invio della sitemap. Usa una formulazione prudente: è una base, non una campagna SEO continuativa.
6. 6Messa online: test su browser e dispositivi, pubblicazione e una breve formazione perché il cliente possa aggiornare il sito.
7. 7Hosting e manutenzione: una voce ricorrente mensile o annuale per hosting, aggiornamenti, backup e piccole modifiche. Tienila separata dal prezzo una tantum del progetto.

offinal.com/q/7hX2kP

UX e design visivo2400 €

Wireframe, prototipi e un design system completo.

Sviluppo4800 €

Realizzazione responsive, configurazione CMS e ottimizzazione delle prestazioni.

Lancio e formazione900 €

Supporto al go-live e un workshop pratico per il team.

In un PDF c'è sempre un compromesso tra dettaglio e leggibilità. Con le voci interattive puoi mantenere la panoramica breve e lasciare che il cliente apra per ogni voce la descrizione completa, uno screenshot di un design precedente o un wireframe di esempio.

Un esempio completo: il sito di una piccola impresa

Ecco un preventivo di esempio per uno studio di fisioterapia locale che vuole un nuovo sito con circa otto pagine, un modulo di contatto e un semplice blog. Il cliente fornisce testi e foto. I prezzi qui sotto sono solo un'illustrazione della struttura, non dati di mercato. Le tariffe variano molto in base al Paese, all'esperienza e al tipo di cliente, quindi usa i tuoi numeri.

Alcuni dettagli fanno funzionare questo esempio. Le voci di design e sviluppo sono calcolate per modello, non per pagina, così il cliente capisce perché otto pagine non costano otto volte tanto. I giri di revisione sono scritti nella voce stessa. Il copywriting non è in elenco, ed è indicata l'ipotesi che i contenuti siano forniti dal cliente. L'hosting è mostrato a parte come opzione ricorrente, così non gonfia il prezzo del progetto e il cliente può sceglierlo o meno. L'aliquota IVA è un esempio per un cliente business belga; applica l'aliquota e il trattamento adatti alla tua situazione.

Offri tre pacchetti invece di un unico prezzo

Un unico prezzo invita a una decisione sì o no. Tre pacchetti la trasformano in una scelta tra opzioni, che è una conversazione molto più facile. Per l'esempio qui sopra, i pacchetti potrebbero essere questi:

• Essenziale: fino a cinque pagine su due modelli, modulo di contatto, SEO di base, un giro di revisione.
• Standard: il preventivo completo qui sopra, con il blog, quattro modelli e due giri di revisione.
• Completo: tutto ciò che c'è nello Standard più il copywriting delle pagine principali, una seconda lingua e tre mesi di manutenzione inclusi.

Fai in modo che il pacchetto centrale sia quello che consiglieresti e che le differenze siano facili da vedere. La nostra guida ai prezzi a tre livelli spiega come progettare i livelli perché aiutino il cliente a decidere invece di confonderlo. Con i prezzi interattivi, il cliente può scegliere un pacchetto e spuntare extra opzionali come la manutenzione o una lingua aggiuntiva, e il totale si aggiorna man mano.

Gestisci revisioni e richieste fuori perimetro

I progetti web sono particolarmente soggetti a richieste che allargano il perimetro, perché spesso i clienti capiscono cosa vogliono solo quando vedono il primo design. È normale. Il preventivo deve semplicemente chiarire cosa succede quando accade.

• Stabilisci il numero di giri di revisione per ogni fase di design, di solito due, e definisci cos'è un giro: un unico insieme di feedback consolidato, non un flusso di email separate.
• Definisci cosa conta come richiesta di modifica. Nuove pagine, nuove funzionalità o un cambio di direzione dopo l'approvazione del design sono fuori dal perimetro concordato.
• Dai un prezzo in anticipo al lavoro extra. Indica la tua tariffa per giri di revisione o pagine aggiuntivi, per esempio come tariffa oraria o giornaliera, così non ci sarà da negoziare dopo.
• Usa punti di approvazione. Chiedi un'approvazione scritta della mappa del sito e dei design prima di iniziare lo sviluppo. Modificare un design in Figma costa poco; modificarlo dopo averlo sviluppato no.
• Fai preventivi separati per le modifiche. Quando il cliente chiede qualcosa di nuovo, invia un breve preventivo aggiuntivo invece di assorbirne il costo.

Stabilisci un piano di pagamento

Per un progetto che dura settimane o mesi, aspettare la messa online per essere pagato fa ricadere tutto il rischio su di te. Un piano basato su traguardi è comune e facile da spiegare:

Alcuni designer chiedono il 50% in anticipo, altri suddividono il pagamento in più fasi sui progetti più grandi. Qualunque sia la tua scelta, collega ogni pagamento a un traguardo riconoscibile per il cliente e indica i termini di pagamento sulle fatture. Aggiungi una riga su cosa succede se il progetto si blocca per cause del cliente, per esempio la fatturazione del traguardo successivo dopo un certo numero di settimane senza feedback. Sono scelte commerciali, non obblighi di legge; verifica le tue condizioni generali e, per tutto ciò che riguarda il tuo Paese, chiedi al tuo commercialista o a un consulente legale.

Invialo in modo che il cliente possa scegliere e commentare

Un preventivo per un sito web viene raramente approvato senza domande. Il blog si può aggiungere dopo? La seconda lingua è inclusa nella manutenzione? Se queste domande viaggiano via email, le risposte si perdono e il preventivo finisce per esistere in più versioni.

Inviare il preventivo come link invece che come PDF tiene tutto in un unico posto. Il cliente sceglie un pacchetto e le opzioni, e può usare i commenti sul preventivo per chiedere di una voce specifica. Tu rispondi e aggiorni il preventivo nello stesso thread, così tutti vedono l'ultima versione. Quando è soddisfatto, lo approva online. La nostra guida su come scrivere un preventivo che i clienti approvano approfondisce presentazione e tempistiche.

Offinal è pensato proprio per questo tipo di preventivi a progetto. Scopri come funziona per le agenzie e per i freelance.