Come si forma il prezzo di un sito web? Una spiegazione umana e comprensibile
In breve: Il prezzo di un sito web dipende dalla portata del progetto e dal lavoro necessario: design, programmazione, adattamento ai dispositivi mobili, test e gestione del progetto. A seconda delle esigenze del progetto, i costi possono includere anche la prototipazione, i test con gli utenti e le integrazioni API. Funzionalità più complesse e un volume di lavoro maggiore di solito aumentano il prezzo. I prezzi di partenza aggiornati di CREATING.LV e il calcolatore del budget di progetto sono disponibili nella nostra pagina Prezzi.
Se cerca su internet quanto costa un sito web, può trovare quasi qualsiasi cifra. Da “Dai, te lo faccio io per 400” fino a diverse decine di migliaia. In realtà il prezzo di un sito web non nasce dal nulla — è composto da ore di lavoro molto concrete. E più capiamo che cosa si nasconde dietro quelle ore, più è facile prendere decisioni fondate.
Qui ripercorreremo l’intero processo in modo che sia chiaro anche a chi, con il design e la programmazione, non è mai andato oltre il “ti ricordo la password più tardi”.
1. Serve un design personalizzato? (fase consigliata!)
La prima domanda è sempre la stessa: il sito ha bisogno di un design proprio o si può usare un template?
Se si desidera un sito web unico, orientato all’utente e visivamente ordinato, allora sì — il design è necessario. Se l’obiettivo è fare in fretta e nel modo più economico possibile, si può fare a meno di un design personalizzato.
Se sceglie un design personalizzato
Allora tutto inizia con il concept di design — discutiamo quale atmosfera desidera, che cosa si addice al marchio, quali colori e font sono quelli giusti. Non è solo una questione estetica — determina la percezione dell’utente e la coerenza del design.
Poi nasce la moodboard, che in sostanza è una bacheca visiva di ispirazione, perché parliamo la stessa lingua e sia chiaro in quale direzione andiamo (un collage di immagini diverse).
Quindi realizziamo il design della homepage (di solito circa 24h), perché lì vengono definiti gli stili di base.
Ogni schermata successiva — ad esempio il modulo di contatto, la pagina di categoria, il messaggio “grazie per l’invio” — richiede in media 2–4 ore.
Il design di un progetto standard richiede in media 60–80h, per l’e-commerce circa 40h in più.
2. Prototipazione e prototipo interattivo in Figma (fase consigliata!)
Questa parte spesso non viene menzionata, ma in realtà è molto importante. Quando le schermate del design sono pronte, le colleghiamo in un prototipo interattivo in Figma.
Che cos’è un prototipo in Figma?
In parole semplici, è un mockup cliccabile in cui ci si può muovere come in un vero sito web — premere pulsanti, aprire menu, passare da una sezione all’altra.
Non è ancora codice, ma un ambiente di test visivo.
Perché è così importante?
Perché spesso una persona vede la pagina in modo diverso da come se l’era immaginata. Nel prototipo diventa subito evidente:
se il menu è comprensibile;
se il pulsante si trova dove dovrebbe;
se il flusso della pagina è logico;
se ci sono passaggi inutili che confondono soltanto l’utente.
Di solito lo sviluppo del prototipo richiede circa 16h.
3. Test con utenti reali (fase consigliata!)
Quando il prototipo è pronto, lo si fa testare a persone reali. Non a designer né a programmatori, ma a chi userà il sito — clienti, colleghi, perfino parenti, se rientrano nel pubblico di riferimento.
Il test si svolge in modo molto pratico: alla persona vengono assegnati alcuni compiti (ad esempio “trova il prodotto X” oppure “invia una richiesta”) e osserviamo:
dove si confonde;
dove si blocca;
dove preme un pulsante che non dovrebbe nemmeno essere rilevante;
quale percorso è intuitivo e quale no.
Questa fase richiede di solito circa 25 ore, perché i test devono essere di qualità e bisogna raccogliere dati da più persone.
4. Correzioni e nuovo test (fase consigliata!)
Non è che dopo il primo test sarà tutto perfetto. Di solito bisogna correggere una serie di cose — spesso dettagli piccoli ma significativi.
Si eseguono quindi:
correzioni del design,
adattamento del prototipo,
e un nuovo test.
Questa fase richiede di solito da 2 a 15 ore (se ci sono solo piccole correzioni, non è necessario ripetere il test).
Una volta completato tutto questo, il design viene consegnato ai programmatori.
5. Programmazione e lavoro tecnico
Questa è la fase in cui il design si trasforma in un vero sito web.
È importante capire che le ore di programmazione di solito equivalgono al volume delle ore di design, perché ogni schermata deve essere costruita in modo identico a quanto si vede in Figma.
in più bisogna sempre calcolare:
impostazione di menu e footer: ~1h
colori, pulsanti, stili comuni: ~1h
installazione/configurazione dei plugin: fino a 0.5h ciascuno
responsività su smartphone e tablet: 10-15% del tempo totale
test: 10–15% del tempo totale
gestione del progetto: fino al 20% del volume del progetto
6. API e collegamenti con sistemi esterni
Le API (in parole semplici — un “ponte tra sistemi”) sono un tema a parte.
Può trattarsi di magazzino, CRM, sistemi di pagamento ecc.
La complessità può essere sia minima sia notevole:
API unidirezionale (inviamo soltanto dati) — un paio d’ore;
API bidirezionale (inviamo e riceviamo dati) — fino a 100h, se ci sono molti parametri, tipi di dati e scenari.
Non sempre è necessario e spesso esistono soluzioni già sviluppate e collaudate, ad es. sotto forma di plugin, che richiedono poco tempo.
7. Adattamento mobile e qualità finale
Quando la pagina funziona su computer, bisogna assicurarsi che si veda perfettamente su smartphone, che oggi è la principale fonte di traffico.
Poi si testa tutto di nuovo, finché non resta nemmeno un pixel storto.
Riepilogo “per persone normali”
Il prezzo di un sito non è un “misterioso 1500€ o 14000€”.
È composto da:
design,
prototipazione,
test con gli utenti,
correzioni,
programmazione,
funzionalità,
API,
responsività,
test,
e gestione del progetto.
Più il progetto è complesso, più lavoro richiede. Più lavoro c’è, più alto è il prezzo.
Nei progetti più semplici questa prototipazione e questi test non sono necessari, ma sono obbligatori nei progetti di sviluppo di sistemi più complessi, affinché Lei non sprechi denaro nella programmazione e gli errori vengano “intercettati” già all’inizio del progetto. Lo stesso vale per il design: sì, è ottimo averlo, perché facilita il lavoro dei programmatori (in Figma possono vedere il nome di ogni font, la dimensione, lo spessore delle linee e il codice colore), ma rappresenta un costo aggiuntivo per il cliente.
L’importo complessivo dipende da quali di queste fasi servono al progetto e da quanto è ampia ciascuna. Le differenze maggiori derivano di solito da un design su misura, dal numero di pagine e di funzionalità (per esempio un negozio online, le prenotazioni o il collegamento con altri sistemi) e dalla presenza di prototipazione e test con gli utenti.
I pacchetti attuali di CREATING.LV, con i relativi prezzi di partenza, e il calcolatore del budget di progetto si trovano nella pagina Prezzi.
Informazioni correlate: Tutti i prezzi aggiornati · Sviluppo di siti web · Web design e UX/UI.
