8 passaggi per riprogettare il tuo sito web La tua lista di controllo per un rinnovamento regolare del sito web nel 2023

Tooltester è supportato da lettori come te. Potremmo guadagnare una commissione di affiliazione quando acquisti tramite i nostri link, il che ci consente di offrire la nostra ricerca gratuitamente.

Il tuo sito web sembra vecchio, brutto e goffo? Non funziona come dovrebbe? Quindi potrebbe essere necessaria una riprogettazione del sito web.

Naturalmente, questo è molto più facile a dirsi che a farsi.

L’esempio perfetto è il nostro sito web Tooltester, che abbiamo recentemente rinnovato. Il lavoro di riprogettazione ha richiesto un anno e mezzo. Nessuna esagerazione.

Prima di correre per le colline, dovremmo menzionare che abbiamo ridisegnato il nostro sito web come parte di un importante esercizio di rebranding. Ciò probabilmente ha reso il processo di riprogettazione più complesso rispetto allo sforzo medio di rilancio di un sito web.

Lungo il percorso, tuttavia, abbiamo acquisito preziose informazioni su come realizzare una riprogettazione del sito Web nel modo più fluido possibile . Abbiamo raccolto ciò che abbiamo imparato in una solida tabella di marcia per la riprogettazione del sito Web in 8 passaggi, che troverai utile se stai pianificando di riprogettare il tuo sito Web:

Analisi

1. Analizza il tuo sito web attuale
2. Analizza la tua concorrenza

Pianificazione

1. Stabilisci gli obiettivi per la riprogettazione
2. Controlla la configurazione tecnologica del tuo sito web
3. Delegare le responsabilità per la riprogettazione del sito web

Realizzazione

1. Preparati per la riprogettazione
2. Giorno del lancio!
3. Migliora costantemente il tuo sito web

Condivideremo anche come abbiamo applicato questi passaggi al nostro progetto di riprogettazione del sito web. Ma prima, risolviamo alcune domande fondamentali.

Vale a dire: perché potresti aver bisogno di riprogettare il sito web e quanto potrebbe costare?

Perché riprogettare un sito web?

I motivi per riprogettare un sito Web includono:

• Il design del tuo sito web è obsoleto: inizialmente potresti aver apprezzato l'aspetto del tuo sito web. Ma ora trovi i suoi elementi visivi sgradevoli o non al passo con le ultime tendenze del web design. O forse il tuo sito web non ha un design reattivo, causando difficoltà agli utenti su dispositivi mobili nella navigazione del tuo sito.
• Il tuo sito web è basato su una tecnologia obsoleta: se il sistema di gestione dei contenuti (CMS) del tuo sito web è vecchio e aggiornato raramente, potrebbe presentare gravi difetti di sicurezza. In questo caso, stai praticamente invitando gli hacker a rubare i tuoi dati o a disattivare l'intero sito web.
• Hai bisogno di nuove caratteristiche e funzionalità del sito web: nel corso del tempo, potresti aver bisogno che il tuo sito web faccia più di quanto lo avevi originariamente creato. Ad esempio, se stai aggiungendo un negozio online al tuo blog, dovresti riprogettare il tuo sito web per includere tale funzionalità del negozio.
• Il design debole del tuo sito web incide sulle tue classifiche di ricerca: ad esempio, Google ha adottato un approccio mobile-first per indicizzare e classificare le pagine dei siti web da luglio 2019. Un sito web che non è ottimizzato per dispositivi mobili può portare a basse classifiche di ricerca e quindi necessita di una riprogettazione . Assicurati di utilizzare un costruttore di siti Web o un CMS ottimo per la SEO.
• Stai effettuando il rebranding: la tua azienda sta subendo un importante rebranding e sta rivedendo i valori del marchio, il logo, i colori e altro ancora. Come parte del processo, dovrai rielaborare il materiale di marketing, che include una riprogettazione del tuo sito web.

Quest'ultimo motivo ci risuona particolarmente.

Avevamo deciso di ridisegnare il nostro sito web perché sentivamo che il nostro design non rappresentava più chi siamo come azienda. Per contesto, ecco come appariva la nostra vecchia homepage:

Il design del nostro sito web precedente

Il nostro vecchio sito web sembrava essere un'operazione di 3 persone, il che era accurato in un punto della nostra storia. Ma ora Tooltester è gestito da un fantastico team di oltre 10 persone!

Volevamo quindi che il nostro sito web fosse più rifinito e comunicasse come è gestito da un team esperto dedicato ad aiutare le piccole imprese a trovare gli strumenti perfetti per le loro esigenze.

Quanto potrebbe costare il restyling di un sito web?

Se stai assumendo professionisti che si occupino dell'intero lavoro per te , puoi aspettarti di spendere circa quanto segue per riprogettare un sito web:

• Progettazione di modelli di pagina (compresi quelli per un sito Web mobile): $ 100– $ 300 per pagina
• Codifica di un tema per sito Web WordPress di 8 pagine: $ 1.500– $ 3.000
• Ottenere hosting web , un nome di dominio e indirizzi e-mail: $ 10– $ 30 al mese a seconda del volume di traffico mensile del tuo sito web

In alternativa, potresti favorire un approccio alla creazione di siti Web fai-da-te e utilizzare un costruttore di siti Web per creare un nuovo sito Web da zero . In questo caso, il costo di riprogettazione potrebbe essere di soli $ 10–$ 25 al mese a seconda del costruttore di siti web scelto.

Ad esempio, il costruttore di siti Web Wix addebita $ 16 al mese per il suo piano Combo, che include 2 GB di spazio di archiviazione e un certificato SSL gratuito. D'altra parte, costruire il tuo nuovo sito web con il piano Personale di Squarespace costa $ 16 al mese, che include larghezza di banda illimitata, funzionalità di e-commerce, analisi avanzate dei siti web e altro ancora.

(Abbiamo anche una guida completa ai costi del sito web che puoi consultare!)

Nella nostra situazione, abbiamo deciso di assumere un'agenzia di branding per supervisionare il processo di riprogettazione del sito web per noi. L'agenzia ci ha aiutato a creare un nuovo logo e modelli di web design personalizzati per quasi 20 tipi di pagine.

I loro servizi non erano economici: abbiamo messo da parte un budget a 5 cifre per lavorare con loro. Ma hanno fatto un ottimo lavoro e siamo davvero contenti dei risultati!

E anche se non disponi di quel tipo di budget, scoprirai che il processo di riprogettazione del tuo sito web includerà passaggi molto simili ai nostri.

Analisi

Il lavoro di riprogettazione del sito web può essere suddiviso in tre fasi principali:

1. Analisi
2. Pianificazione
3. Realizzazione

Prima di tutto, tuffiamoci nel processo di analisi...

1. Analizza il tuo sito web attuale

Quanto del tuo sito web esistente deve essere modificato: devi riprogettare l'intero sito web o solo alcune parti di esso?

Considera cose come:

• Configurazione tecnica: forse hai bisogno di cambiare il tuo costruttore di siti web o CMS se il tuo sito web esistente è estremamente obsoleto o difficile da usare. In alternativa, forse devi solo ricodificare il tema per prestazioni del sito web più rapide.
• Ottimizzazione per i motori di ricerca (SEO): esegui un audit SEO del tuo sito web per verificare eventuali problemi che potrebbero danneggiarne il posizionamento nei risultati di ricerca. Gli strumenti SEO con funzionalità di audit SEO integrate, come Screaming Frog e Ahrefs (Site Audit, che può essere utilizzato gratuitamente), possono aiutarti a identificare tali problemi prima di decidere i passaggi successivi. Ad esempio, se l'audit segnala la presenza di pagine di errore 404 sul tuo sito web, potresti voler reindirizzare i collegamenti che puntano a queste pagine altrove.
• Design: gli elementi di design del tuo sito web sono (ancora) moderni e dall'aspetto professionale? Riflettono accuratamente il tuo marchio? Se stai aggiungendo nuove funzionalità al sito web, potresti anche dover riprogettare il tuo sito web per adattarle (come menzionato in precedenza). Ecco alcuni suggerimenti per trovare ispirazione.
• Navigazione ed esperienza utente (UX): nel corso del tempo, potresti aver ricevuto lamentele da parte degli utenti su come alcune parti del tuo sito web siano difficili da navigare o su come determinate funzionalità possano essere difficili da trovare. Dai priorità alla riprogettazione di queste interfacce problematiche per migliorare l'esperienza dell'utente.

Esistono vari strumenti per eseguire tali “controlli sanitari” sul tuo sito web. Eccone alcuni per iniziare:

• Google Analytics : per monitorare il traffico del tuo sito web e le metriche della pagina di destinazione
• Hotjar : uno strumento di mappatura termica per monitorare il comportamento degli utenti e apprendere come i visitatori del sito interagiscono con le tue pagine web
• Sabre Feedback : incorpora un pulsante di feedback sul tuo sito Web per consentire agli utenti di inviare feedback su eventuali problemi riscontrati nel sito Web

2. Analizza la tua concorrenza

Dopo aver esaminato il tuo sito Web, rivolgi la tua attenzione ai siti Web creati dai tuoi concorrenti.

Fai ricerche di mercato sui leader del tuo settore e sulle funzionalità dei loro siti web. Cosa stanno facendo bene? I siti web dei tuoi concorrenti potrebbero avere funzionalità che vale la pena rubare: ehm, intendiamo adattarle per le tue. Puoi anche cercare di rendere il tuo sito web ancora migliore del loro.

Detto questo, non limitarti ai siti web nel tuo spazio . Altri settori potrebbero avere siti Web che funzionano in modo simile al tuo, con approcci unici per servire il proprio pubblico di destinazione. “Trapiantare” tali approcci da altri settori al tuo sito web potrebbe essere la chiave per aiutarlo a distinguersi nel tuo spazio!

Quando abbiamo analizzato la concorrenza del nostro sito Web, la nostra agenzia di branding ha richiesto un elenco dei nostri concorrenti per la loro revisione. Hanno anche ricavato buoni esempi di riprogettazione da siti web di altri settori. Ad esempio, poiché aiutiamo gli utenti a confrontare gli strumenti dei siti web, l'agenzia ha anche analizzato il modo in cui le piattaforme di prenotazione alberghiera aiutano gli utenti a confrontare gli hotel.

Dopo aver condotto tutte queste ricerche, l'agenzia di branding ha elaborato il nostro posizionamento rispetto agli altri marchi nel nostro spazio.

Poiché molti dei nostri concorrenti adottano un approccio impersonale alle revisioni degli strumenti e non interagiscono molto con i propri lettori, abbiamo deciso che Tooltester sarebbe stato il "compagno esperto digitale" dei nostri lettori, essendo una fonte di recensioni autorevole ma amichevole.

Questo posizionamento ha poi influenzato pesantemente il restyling del nostro sito web. Ad esempio, abbiamo deciso di mettere in evidenza i membri del team di Tooltester sulle nostre pagine web per evocare un approccio personale e riconoscibile alle revisioni degli strumenti.

Dai un'occhiata alla nostra pagina Informazioni e vedrai cosa intendiamo!

Pianificazione

Hai identificato le parti del tuo sito web che necessitano di miglioramenti? Successivamente, pianificherai come riprogettarli. Ciò comporta:

3. Stabilire gli obiettivi per la riprogettazione

Fai un elenco degli obiettivi aziendali generali che desideri raggiungere riprogettando il tuo sito web. Questi obiettivi guideranno la strategia di riprogettazione del tuo sito web.

Esempi di obiettivi generali includono:

• Raddoppiare il traffico organico entro il prossimo anno
• Aggiornamento di tutti i contenuti del tuo blog
• Ridurre le difficoltà che gli utenti devono affrontare quando effettuano ordini nei negozi online

Successivamente, suddividi i tuoi obiettivi generali in obiettivi più piccoli e realizzabili . Questi sono i passaggi effettivi da intraprendere per raggiungere i tuoi obiettivi generali.

Per raggiungere l'obiettivo generale di raddoppiare il traffico organico entro il prossimo anno, ad esempio, potresti dover impostare obiettivi secondari come:

• Impostazione del monitoraggio delle parole chiave per il tuo sito web
• Aggiornamento di un determinato post del blog per indirizzare meglio una determinata parola chiave
• Collega Google Analytics al tuo sito web per monitorare il tuo traffico organico mensile

D'altra parte, per raggiungere l'obiettivo generale di ridurre le difficoltà dell'e-commerce, i tuoi obiettivi secondari potrebbero includere:

• Riprogettazione del modulo di pagamento di più pagine in un modulo di una pagina
• Creazione di un pulsante che consenta agli utenti di andare direttamente alla cassa dopo aver aggiunto un articolo al carrello
• Aggiunta di una funzionalità che memorizza in modo sicuro i dati della carta di credito dei tuoi clienti per un utilizzo futuro

Infine, pianifica quando realizzerai ciascun sotto-obiettivo.

Prova a suddividere i tuoi obiettivi generali in quanti più sotto-obiettivi separati possibile, quindi distanziali. In questo modo, avrai un controllo migliore sull'impatto delle modifiche (se presenti) sul posizionamento nei motori di ricerca.

4. Revisione della configurazione tecnologica del tuo sito web

Il tuo sito web deve essere costruito su una solida base tecnica per ottenere prestazioni efficaci. Cogli l'occasione per verificare se le specifiche tecniche del tuo sito web sono ancora utili o se necessitano di un aggiornamento.

Ad esempio, potresti voler modificare il CMS o il generatore di siti Web del tuo sito Web con uno che offra velocità di caricamento della pagina più elevate. Oppure, se desideri estendere le funzionalità del tuo sito web , controlla se l'installazione di un plug-in di terze parti basterà o se dovrai assumere un team di sviluppo web per codificare la funzionalità per te.

Tutte le modifiche alla configurazione tecnologica del tuo sito web comporteranno dei costi (vedi la discussione sui costi di riprogettazione del sito web sopra), quindi pianificali in modo appropriato.

Nel nostro caso utilizzavamo il CMS WordPress per il nostro sito web e intendevamo continuare a utilizzarlo. Quindi, invece di migrare i CMS, dovevamo “semplicemente” creare un nuovo tema WordPress e attivarlo per cambiare l'aspetto del nostro sito web.

(Qui diciamo “semplicemente” tra virgolette perché creare questo nuovo modello WordPress è stato molto più difficile di quanto sembri!)

Abbiamo anche cercato di non apportare troppe modifiche alla funzionalità del nostro sito web. Questo per evitare di rendere il progetto di redesign del nostro sito web più complicato del necessario (ed era già molto complesso).

5. Delegare le responsabilità per la riprogettazione del sito web

Hai delineato gli obiettivi che devono essere raggiunti per completare la riprogettazione del sito web. Ora troverai le persone per realizzarli .

Suddividi gli obiettivi in ​​due categorie:

1. Obiettivi che devono essere gestiti internamente dal tuo team
2. Obiettivi da gestire esternamente assumendo agenzie o liberi professionisti

Se il tuo team ha le conoscenze e l'esperienza necessarie per gestire determinati obiettivi , assegnargli questi obiettivi è un gioco da ragazzi. In particolare, potresti voler delegare determinati obiettivi al tuo team anziché a terzi se tali obiettivi implicano l'utilizzo di informazioni aziendali riservate.

Ma se desideri avere gli occhi nuovi e l'opinione di un esperto da un esterno sul progetto di riprogettazione del tuo sito web, coinvolgere professionisti di terze parti potrebbe essere la strada da percorrere. Questo è ciò che abbiamo fatto per la riprogettazione del nostro sito web: abbiamo assunto un'agenzia di branding per creare nuovi modelli di design per il nostro sito web. Separatamente, abbiamo ingaggiato un programmatore per implementare questi progetti nel tema del nostro nuovo sito web.

Se intendi assumere web designer e programmatori freelance per il progetto di riprogettazione del tuo sito web, puoi pubblicare la tua richiesta su piattaforme come Upwork, Fiverr o LinkedIn. In alternativa, trova ulteriori servizi di web design qui. Puoi anche chiedere consigli alle persone nella tua rete.

Quando cerchi aiuto esterno, il nostro consiglio è di assumere persone specializzate nei servizi specifici di cui hai bisogno . Un programmatore solitamente non è un grande web designer e viceversa .

Realizzazione

Adesso ti sporcherai le mani con l'effettivo lavoro di riprogettazione del sito web!

6. Preparazione per la riprogettazione

Il tuo team e i professionisti esterni che hai assunto inizieranno a realizzare gli obiettivi secondari che hai identificato in precedenza. I loro compiti possono comportare:

• Creazione del nuovo design del sito web: Figma è oggigiorno la piattaforma di progettazione dell'interfaccia standard preferita
• Costruire il nuovo sito su un server di staging: questo server fornisce un ambiente di test per visualizzare in anteprima l'aspetto del tuo nuovo sito e risolvere eventuali bug prima di rendere attivo il tuo nuovo sito
• Testare tutto per assicurarti che funzionino: fai clic su ogni singolo collegamento e ogni singolo pulsante. Controlla come appare il tuo sito web sia su desktop che su mobile. Effettua ordini online di prova. Prova TUTTO!
• Backup del tuo vecchio sito web: non saltare questo passaggio. Se qualcosa va storto quando avvii il tuo sito web appena progettato, ti consigliamo di avere un backup del tuo sito web precedente su cui ricorrere. Dovresti anche scaricare una copia offline del tuo vecchio sito.
• Impostazione di reindirizzamenti dei collegamenti 301 se stai modificando i tuoi URL: questo aiuta gli utenti a continuare ad accedere alle tue pagine senza incontrare fastidiosi errori 404. Dal punto di vista SEO, l’impostazione dei reindirizzamenti dei collegamenti aiuta anche i motori di ricerca a classificare i tuoi nuovi URL e ad attribuire il “link juice” accumulato dalla pagina al vecchio URL alla pagina al nuovo URL.

Man mano che completi ciascun obiettivo secondario, selezionalo dalla tua lista! Ciò ti manterrà motivato mentre conti alla rovescia verso:

7. Giorno del lancio!

Dopo aver controllato due e tre volte che tutto sia in ordine, avvia il tuo sito riprogettato. Ciò potrebbe comportare la migrazione del tuo nuovo sito dal server di staging al server di produzione (ovvero il server che ospita il tuo sito web live).

E anche mentre festeggi il lancio, tieni d'occhio le prestazioni del tuo nuovo sito web . Come interagiscono i visitatori con il tuo sito web? L'esperienza utente che avevi previsto è buona?

Potresti anche riscontrare una temporanea perdita di traffico se ricevi molti visitatori dalle pagine dei risultati dei motori di ricerca. Questo perché è normale che il tuo posizionamento nei risultati di ricerca diminuisca quando apporti modifiche importanti al tuo sito web. Ma, con un po’ di fortuna, le tue classifiche – e quindi i numeri di traffico – dovrebbero recuperare rapidamente e migliorare ulteriormente.

8. Migliorare costantemente il sito web

Con il tuo sito appena progettato, il progetto di riprogettazione del tuo sito web è completo. Ma il lavoro non è mai finito!

Le tendenze del web design cambiano nel tempo , quindi potrebbe essere necessario riprogettare nuovamente il tuo sito web tra qualche anno per mantenerlo fresco e moderno.

Oltre a ciò, monitora il tuo sito web per identificare ulteriori potenziali aree di miglioramento . Gli strumenti di analisi, come quelli che abbiamo menzionato sopra, possono aiutare in questo.

Se riscontri problemi con soluzioni rapide e semplici, come un collegamento interrotto che è stato trascurato, risolvili immediatamente. Al contrario, altri problemi potrebbero richiedere più tempo e sforzi per essere risolti. Anche se scegli di non affrontarli in questo momento, annotali.

Ti torneranno utili quando deciderai su cosa lavorare la prossima volta che riprogettarai il tuo sito web!

Riprogettare un sito web: riepilogo finale

Ecco un pratico riepilogo per tenere traccia delle tue cose da fare mentre riprogetta il tuo sito web:

Analisi

1. Analizza il tuo sito web attuale per vedere cosa deve essere cambiato
2. Analizza la concorrenza per trarre ispirazione per migliorare il sito web

Pianificazione

1. Stabilisci gli obiettivi per la riprogettazione : sia obiettivi generali che sotto-obiettivi attuabili per l'implementazione della riprogettazione
2. Controlla la configurazione tecnologica del tuo sito web per decidere se necessita di una revisione
3. Delega le responsabilità per la riprogettazione del sito Web in modo che il tuo team sappia chi farà cosa. Se necessario, coinvolgere anche professionisti esterni

Realizzazione

1. Preparati per la riprogettazione creando tutte le risorse di progettazione necessarie, costruendo il tuo nuovo sito Web e così via
2. Avvia il tuo sito web riprogettato e monitora le sue prestazioni
3. Migliora costantemente il tuo sito web mentre identifichi nuove aree di miglioramento

Se ti senti ancora intimidito dal lavoro che ti aspetta, il nostro ultimo consiglio è di suddividere il tuo progetto di riprogettazione in quanti più sotto-obiettivi più piccoli possibile. Tutti questi piccoli progressi si sommeranno mentre lavori alla trasformazione del tuo sito web!

Né fa male assumere professionisti che gestiscano quotidianamente progetti di riprogettazione di siti Web se il budget lo consente e se desideri che un esperto supervisioni l’intero processo per te.

Infine, saremo lieti di contribuire con i nostri due centesimi se desideri feedback sul progetto di riprogettazione del tuo sito web. Lascia semplicemente i tuoi commenti e le tue domande qui sotto!