Restyling o rifacimento del sito: come scegliere l’approccio giusto

Che cosa cambia con restyling, riprogettazione e rifacimento

I fornitori possono chiamare “restyling” lavori diversi. Quando descrivi il progetto, specifica quali pagine e funzioni vuoi cambiare e quali devono restare. Gli indirizzi delle pagine si possono conservare anche rifacendo il sito; vanno controllati anche durante un semplice aggiornamento grafico, che potrebbe modificare link e contenuti.

Come capire che cosa non funziona nel sito attuale

Coinvolgi chi pubblica i contenuti, chi mantiene il sito e una persona dell’azienda che possa prendere le decisioni. Chiedi al tecnico l’elenco completo degli URL, ricavato dalla sitemap e da una scansione del sito. Se hai strumenti di analisi e Search Console, controlla da quali pagine arrivano le persone e quante richieste di contatto ricevi. Prima di interpretare un calo, verifica che il tracciamento e gli invii del modulo funzionino.

Per cominciare puoi esaminare otto URL diversi: home, due servizi, un caso studio, un articolo, contatti e due pagine da cui arrivano visite da ricerca o campagne. Se queste ultime coincidono con pagine già incluse, scegline altre. Sostituisci le tipologie assenti con pagine di struttura diversa e annota la scelta. Aggiungi eventuali percorsi importanti rimasti fuori, come un acquisto o l’accesso a un’area riservata.

Il piano comprende 16 + 6 + 4 + 4 = 30 registrazioni; aggiungine per le pagine e le funzioni che hai incluso in più. Per i due compiti puoi usare queste consegne: “Devi capire se questo servizio risponde al tuo problema. Trova un’informazione che ti aiuti a decidere e spiegami perché” e “Vuoi chiedere un preventivo. Trova come fare e arriva al modulo, senza inviarlo”. Durante il tentativo non suggerire dove cliccare.

Nella scheda scaricabile annota per ogni prova cosa ti aspettavi, cosa è successo, come documentarlo e quale intervento serve. Indica anche chi se ne occuperà. Tieni distinti i controlli delle pagine, i tentativi delle persone e le prove tecniche: se quattro dei sei tentativi riescono senza aiuto, annota quali due hanno creato difficoltà e perché. Quel 4/6 descrive le persone osservate; per stimare il comportamento dei visitatori servono altri dati.

Quali limiti tecnici verificare prima di decidere

Pubblicazione e contenuti. Chiedi al redattore di creare una bozza, controllare l’anteprima e pubblicare con i permessi previsti. Verifica anche versioni, lingue ed esportazione di testi e immagini. Se manca una funzione necessaria, il tecnico deve chiarire se può aggiungerla al CMS attuale, con quali modifiche e a quale costo.

Manutenzione del codice. Chiedi quali componenti ricevono ancora aggiornamenti, chi li mantiene e come si ripristina un backup. Fai provare una modifica ordinaria sulla copia del sito. Se un componente senza supporto continua a bloccare funzioni importanti, valuta se sostituire quel componente o rifare una parte più ampia del sito. L’età del sito, da sola, non spiega quale lavoro occorra.

Collegamenti e accessi. Controlla con il tecnico il collegamento al CRM e la possibilità di esportare i dati. L’azienda deve sapere chi controlla dominio, hosting, codice e account e come recuperarli quando cambia fornitore. Se un contratto o un sistema impedisce l’accesso, chiarisci prima le condizioni di uscita e il trasferimento dei dati.

Accessibilità e velocità. Un contrasto insufficiente può richiedere una modifica ai colori; un menu inutilizzabile da tastiera può richiedere un componente nuovo. Fai provare la correzione su una pagina rappresentativa. Per le pagine lente, chiedi al tecnico misure nelle stesse condizioni prima e dopo l’intervento e una spiegazione degli eventuali problemi rimasti.

Per l’accessibilità, le WCAG descritte dal W3C aiutano a definire cosa controllare. Concorda con lo specialista la versione, il livello e le pagine da valutare. Il rapporto deve comprendere anche verifiche manuali di tastiera, focus, etichette e messaggi di errore; un punteggio automatico non le sostituisce.

Come scegliere fra le proposte dei fornitori

Elenca le funzioni a cui non puoi rinunciare, per esempio pubblicare senza uno sviluppatore, ricevere i contatti nel CRM o conservare determinati URL. Per ciascuna proposta, fatti mostrare come funzionerebbero. Nella tabella di confronto puoi annotare “funziona nella prova”, “non realizzabile” oppure “da verificare”, insieme al riferimento allo screenshot, al prototipo o al test svolto.

Scarta una proposta se non può offrire una funzione indispensabile. Se invece nessuno l’ha ancora verificata, chiedi quella prova prima di scegliere. Fra le proposte che rispondono alle tue esigenze, confronta prezzo, tempi e lavoro che resterà al tuo team.

Se il modulo di contatto non recapita le richieste, correggerlo ha la precedenza sui difetti grafici: altrimenti chi ti scrive rischia di non ricevere risposta. Per assegnare le priorità, descrivi quindi quale attività impedisce ogni problema e quante volte l’hai riscontrato. Il numero complessivo dei difetti non dice quanto siano gravi.

Un esempio: riorganizzare il sito mantenendo il CMS

Ad esempio, immaginiamo un’azienda con 40 pagine, una sola lingua, un modulo collegato al CRM e due redattori. Vuole spiegare meglio i servizi e permettere al team di aggiornare testi e immagini. Durante le prove, tre dei sei tentativi si fermano nel menu. Le quattro operazioni di pubblicazione riescono, il CRM gestisce correttamente i quattro scenari e il controllo della manutenzione non rileva blocchi tecnici. Il lavoro individuato riguarda il menu e tre modelli di pagina.

L’azienda confronta tre interventi. Un restyling limitato alla grafica lascerebbe il menu invariato e non risolverebbe la difficoltà osservata. Una riprogettazione sul CMS attuale e un rifacimento, invece, prevedono entrambi un menu nuovo. Nei due prototipi, ciascuna delle tre persone completa i due compiti senza aiuto: sei tentativi riusciti per proposta. L’azienda può quindi confrontare il costo di queste due alternative per quei compiti.

Le stime comprendono il controllo delle 40 pagine, il riuso dei contenuti validi, il lavoro sui tre modelli, modulo e CRM, le verifiche di accessibilità concordate, il controllo degli URL, la formazione e il lancio. Per fare i conti, ipotizziamo una tariffa del fornitore di 60 €/h, un costo del lavoro interno di 30 €/h e le ore riportate sotto.

Il totale somma compenso del fornitore, lavoro interno e dodici mesi di manutenzione e licenze. Il compenso è al netto di IVA e altri eventuali oneri; il tempo del team è un costo per l’azienda, separato dalla fattura del fornitore. Nell’esempio non sono previste altre spese. La manutenzione comprende aggiornamenti, backup e licenze, ma non nuove funzioni.

Per i tempi supponiamo che i materiali siano pronti, ci sia un referente disponibile e basti un giro di approvazione. Le settimane comprendono anche revisioni e attese: descrivono il calendario fino al lancio, non soltanto le ore lavorate.

L’azienda sceglie la riprogettazione perché risolve i problemi osservati e, nel confronto sul primo anno, costa 4.560 € meno del rifacimento. Il nuovo sistema farebbe risparmiare 40 € al mese di manutenzione, cioè 480 € in dodici mesi, già conteggiati nei totali. Il confronto riguarda costi e funzioni verificate; per sapere se arriveranno più richieste serviranno i dati del sito dopo il lancio.

Per preparare il tuo budget usa anche la guida su quanto costa un sito web. Chiedi ai fornitori un’offerta per le stesse pagine e funzioni, specificando extra, licenze, assistenza, ore richieste al team e costi da sostenere se vorrai cambiare fornitore.

Che cosa conservare durante i lavori

Prima di modificare il sito, elenca per ogni pagina importante l’URL, i contenuti da mantenere, i link, i file scaricabili e ciò che il visitatore deve poter fare. Conserva anche i dati iniziali di traffico e richieste, se misurati correttamente, e le misure di velocità: serviranno per controllare il sito dopo i lavori.

Se cambiano gli indirizzi, le indicazioni di Google sugli spostamenti dei siti prevedono di associare le vecchie pagine alle nuove, impostare reindirizzamenti pertinenti e aggiornare i link interni. Concorda chi se ne occupa prima dello sviluppo. Per preparare l’elenco degli URL e i controlli successivi usa la checklist di migrazione SEO.

Se procedi per fasi, puoi iniziare da una pagina servizio con il suo modulo. Decidi chi aggiornerà i contenuti mentre convivono pagine vecchie e nuove e come manterrete coerenti menu e collegamenti al CRM. Prima di estendere l’intervento, controlla il risultato sulla pagina pilota e considera anche il lavoro necessario a mantenere entrambe le versioni.

Che cosa scrivere nel brief e controllare alla consegna

Invia ai fornitori lo stesso documento con obiettivi, pubblico, elenco delle pagine, problemi osservati e funzioni necessarie. Specifica quali contenuti vuoi riusare o riscrivere, quali sistemi vanno collegati e chi fornirà materiali, accessi e approvazioni. Allega le schede delle prove e indica budget e scadenze.

Per ogni attività chiedi cosa comprende il prezzo, chi la svolgerà e come controllerete il risultato. Stabilite anche chi può autorizzare lavori extra. Alla consegna, i controlli possono essere ripartiti così:

Le otto pagine scelte all’inizio aiutano a individuare i problemi, ma alla consegna va controllato l’intero elenco degli URL. Se il progetto richiede un’approvazione prima di pubblicare, provate anche quel passaggio con gli account delle persone coinvolte.

Prima del lancio, decidete chi darà il via libera, quali problemi devono essere risolti e come ripristinare la versione precedente se una funzione importante smette di funzionare. Dopo il lancio, concorda con il team un invio di controllo del modulo e una data per ricontrollare errori, pubblicazione e dati di analisi.

Se hai bisogno di coordinare contenuti, design e sviluppo, puoi partire dal servizio Qreativa di realizzazione siti web per definire il lavoro con il team.

Scarica la scheda per confrontare le proposte

Il PDF di quattro pagine si compila a mano. Nella prima scegli gli otto URL e organizzi i controlli. Usa una copia della seconda per ciascuna delle trenta registrazioni, aggiungendone se servono. Nella terza confronti le funzioni offerte e i costi; nella quarta annoti la decisione, chi approva e chi controllerà il lavoro. Se manca una verifica, scrivi chi la farà e quando prima di considerare soddisfatta quella richiesta.

Scarica la scheda restyling o rifacimento (PDF, 4 pagine)