Un progetto web in agenzia non è una scatola nera in cui entri con un'idea e esci con un sito. È un processo collaborativo con fasi ben definite, momenti di feedback strutturati, e responsabilità condivise tra agenzia e cliente. Capire questo processo prima di iniziare riduce le aspettative disallineate, accelera i tempi e migliora il risultato finale. Ecco come funziona, fase per fase, nella nostra esperienza a Milano.
Fase 0: La call conoscitiva e il brief iniziale
Prima di qualsiasi proposta economica, facciamo sempre una call conoscitiva gratuita di 30–45 minuti. L'obiettivo non è venderti qualcosa: è capire il tuo progetto abbastanza da decidere insieme se siamo la scelta giusta. Le domande tipiche: qual è l'obiettivo principale del progetto? Chi è il tuo utente target? Esistono riferimenti che ti piacciono (competitor, siti di altri settori)? Qual è il budget di riferimento? Qual è la timeline desiderata?
Dopo la call, ti mandiamo un brief template da compilare — non un modulo burocratico, ma un documento che ti aiuta a chiarire le tue idee e a comunicarci il contesto che ci serve per fare una proposta seria. I brief ben compilati producono proposte più precise; i brief vaghi producono proposte con molto margine di incertezza e potenzialmente costi imprevisti.
Fase 1: Discovery e analisi (1–2 settimane)
La fase di discovery è il momento in cui l'agenzia conosce profondamente il tuo business, i tuoi utenti e i tuoi obiettivi. In un progetto di sito web, include: analisi del sito attuale (se esiste) con audit SEO tecnico e UX, ricerca dei competitor, analisi delle parole chiave target, definizione della struttura informativa del nuovo sito. In un progetto di web app, include: interviste con gli utenti finali, mappatura dei processi attuali, definizione delle user stories, analisi dei sistemi da integrare.
Molti clienti vogliono saltare questa fase per risparmiare tempo e denaro. È l'errore più costoso che si possa fare. La discovery è il momento in cui si scoprono le assunzioni false, i requisiti nascosti, e i rischi del progetto. Affrontarli in discovery costa una frazione di quello che costerebbero in sviluppo. Nei progetti di realizzazione siti web e sviluppo software che facciamo, la discovery è sempre inclusa — non è negoziabile.
Fase 2: UX e wireframing (1–2 settimane)
Il wireframing è la traduzione della strategia in struttura visiva senza design: schermate in bianco e nero che mostrano la gerarchia dei contenuti, la posizione degli elementi, e i flussi di navigazione. Permettono di validare la logica dell'interfaccia prima di investire ore nel design visivo. Un wireframe modificato costa 1 ora; la stessa modifica dopo il design visivo costa 4–8 ore; la stessa modifica dopo lo sviluppo costa 15–20 ore.
In questa fase chiediamo feedback precisi sul wireframe — non sul design (che non esiste ancora), ma sulla struttura: "in questa pagina mancano le informazioni X" oppure "questo flusso non è quello che fanno i nostri utenti". I feedback vaghi come "non mi piace molto" sono difficili da tradurre in azioni concrete senza capire cosa specificamente non funziona.
Fase 3: Design visivo (2–4 settimane)
Il design visivo parte dalla brand identity esistente (logo, colori, tipografia) e la applica all'interfaccia definita nei wireframe. Se la brand identity è debole o assente, possiamo proporti una fase di branding preliminare. Il design viene sviluppato su Figma e presentato al cliente in iterazioni: prima una direzione creativa (3 opzioni di mood board), poi il design ad alta fedeltà delle pagine principali, poi le varianti responsive (mobile, tablet).
- Consegniamo il design in Figma: puoi vederlo, commentare, e condividere con il tuo team
- Ogni round di revisione include feedback illimitati sulle schermate consegnate
- Concordiamo un numero massimo di round di revisione nel contratto (tipicamente 2–3)
- Le revisioni che cambiano radicalmente la direzione concordata in precedenza vengono quotate a parte
- Il design system (componenti, colori, tipografia) viene documentato per garantire coerenza nello sviluppo
Fase 4: Sviluppo (4–12 settimane a seconda della complessità)
Lo sviluppo parte dal design approvato e segue uno stack definito in fase di discovery. Per i siti web, usiamo quasi sempre Next.js con TypeScript e un CMS headless; per le web app, aggiungiamo Node.js, PostgreSQL, e l'autenticazione. Lavoriamo con Git e GitHub, con branch separati per ogni feature e code review sistematica prima di ogni merge.
Durante lo sviluppo, il cliente ha accesso a un ambiente di staging continuamente aggiornato: può vedere l'avanzamento reale del progetto in ogni momento, non aspettare la fine per la prima demo. Ogni due settimane organizziamo una review call per mostrare le feature completate e raccogliere feedback. Questo approccio iterativo (ispirato alle metodologie Agile) riduce drasticamente le sorprese finali.
Fase 5: Test e QA (1–2 settimane)
Prima del lancio, eseguiamo un ciclo sistematico di testing: test funzionali di tutte le funzionalità su diversi browser e dispositivi, test di performance (Lighthouse, Web Vitals), test di sicurezza base (OWASP checklist), e per le web app test dei flussi critici con Playwright. Il cliente partecipa con un User Acceptance Testing (UAT) guidato: gli forniamo una lista di scenari da verificare e lui li testa come utente finale.
Fase 6: Lancio e post-lancio
Il lancio non è un click: è una procedura documentata che include configurazione DNS, setup HTTPS, verifica delle redirect (per siti con SEO esistente da preservare), configurazione Google Analytics e Search Console, e un monitoraggio intensificato nelle prime 48 ore post-lancio. Dopo il lancio, il nostro supporto standard include 30 giorni di garanzia su bug — qualsiasi problema emerso in questa finestra viene risolto senza costi aggiuntivi.
La relazione non finisce al lancio: offriamo piani di manutenzione mensile per chi vuole un partner continuativo. E per chi ha bisogno di supporto puntuale, siamo comunque raggiungibili per richieste spot. Se vuoi capire come funzionerebbe un progetto specifico con noi, contattaci per una call di discovery gratuita.
