Come consegnare con successo i siti web ai clienti

Come consegnare con successo i siti web ai clienti
Imparare a strutturare il flusso di lavoro dei progetti su Tilda per costruire relazioni a lungo termine con i clienti.
Essere un designer non significa solo creare immagini straordinarie o interfacce intuitive. È anche una questione di conoscenze tecniche, di attenzione ai dettagli e di vero interesse per i clienti. Una delle fasi più importanti di un progetto è il passaggio di consegne: assicurarsi che il cliente sia in grado di gestire con sicurezza il proprio sito web senza dover fare costantemente affidamento su di voi per il supporto.
Contenuti:

Cosa significa veramente un passaggio di sito web

Un tipico progetto di sito web passa attraverso diverse fasi: Ideazione, prototipazione, progettazione, sviluppo, test e infine il passaggio di consegne. Spesso i designer costruiscono un sito web nel proprio account Tilda e lo trasferiscono al cliente solo quando tutto è pronto. Ma il passaggio di consegne non inizia nella fase finale, bensì molto prima. Ogni decisione che prendete deve portare a un unico obiettivo: un sito web completamente funzionale che il cliente possa gestire da solo.

Questo include assicurarsi che tutto funzioni correttamente (moduli, animazioni, carrelli degli acquisti), che le impostazioni SEO siano a posto e che il cliente abbia tutte le istruzioni di cui ha bisogno. Un passaggio di consegne corretto dà al cliente la sicurezza di poter aggiornare i contenuti, come i post del blog, gli orari o i prezzi, senza paura di rompere qualcosa.

Perché conviene pensare in anticipo

Certo, un designer potrebbe limitarsi a costruire il sito web e passare oltre. Ma un po' di attenzione in più può essere utile, sia per il rapporto con i clienti che per la vostra reputazione.
Crea fiducia

I clienti amano lavorare con persone che pensano un passo avanti. Un sito web ben organizzato, pagine chiaramente etichettate e istruzioni accurate dimostrano che siete un professionista che rispetta il loro tempo (e il vostro). Questo tipo di approccio lascia un'impressione duratura: È più probabile che tornino o che vi segnalino ad altri.

Previene futuri mal di testa

Semplici indicazioni e commenti sulla pagina aiutano il cliente a evitare errori e a gestire il sito web con sicurezza. Ciò significa meno messaggi di panico e correzioni affrettate.

Promuove il vostro lavoro

Anche dopo la fine del progetto, il vostro design continua a parlare per voi. Più il sito web rimane curato e coerente, più riflette le vostre capacità. Un progetto di portfolio un tempo splendido perde valore se i futuri clienti lo vedono in disordine.
Quindi, quando consegni un sito web a un cliente, non stai solo portando a termine quel particolare progetto, ma stai gettando le basi per opportunità future.

Come strutturare il progetto in modo che sia facile da usare per il cliente

1
Disattivare l'indicizzazione e impostare un dominio temporaneo

La prima cosa da fare dopo aver creato un nuovo progetto su Tilda è impedire che venga indicizzato dai motori di ricerca. Perché? Perché senza le corrette impostazioni SEO o una favicon personalizzata, il cliente potrebbe vedere il proprio sito web comparire nei risultati di ricerca con un titolo di pagina sbagliato, una descrizione generica e il logo di Tilda al posto del proprio. Se un sito web viene indicizzato prematuramente, l'aggiornamento dei metadati può richiedere giorni o addirittura settimane.

Come fare: Impostazioni del sito → SEO → Impedisci ai motori di ricerca di indicizzare questo sito.
2
Creare un dominio temporaneo chiaro

Durante il processo di progettazione, probabilmente invierete al cliente dei link di anteprima per ottenere un feedback. Per evitare confusione, aggiornate il dominio predefinito generato automaticamente con qualcosa di chiaro e riconoscibile. Ad esempio, invece di site-3949584.tilda.ws, scegliete qualcosa come greenstudio.tilda.ws.

Come fare: Impostazioni del sito → Impostazioni principali → Sottodominio personalizzato Su Tilda.
3
Aggiungete font personalizzati e impostate la tipografia

Prima di usare un font in un progetto, soprattutto se commerciale, assicuratevi sempre che sia autorizzato. L'uso di font privi di licenza può portare a problemi legali per il cliente, da richieste di pagamento a lettere di cessazione dell'attività.
Tilda Sans è una famiglia di font gratuita a disposizione di tutti gli utenti Tilda, adatta a progetti personali e commerciali. È disponibile in 7 pesi, da Light a Black, e supporta 134 lingue.
Impostare le impostazioni globali dei caratteri per il sito web. I parametri impostati saranno applicati automaticamente a tutti i blocchi e le pagine, aiutandovi a mantenere la coerenza visiva del sito. Ciò è particolarmente utile per elementi come le schede prodotto, dove lo stile del testo non può essere regolato manualmente.

Come fare: Impostazioni del sito → Caratteri e colori.
4
Mantieni tutto organizzato nella dashboard

Per aiutare il tuo cliente a navigare facilmente nella struttura del sito web, utilizza gli strumenti di organizzazione integrati di Tilda: cartelle, commenti ed etichette.

Le cartelle sono ottime per raggruppare pagine correlate. Ad esempio, tutte le pagine relative a un catalogo prodotti possono essere inserite in una cartella "Catalogo".

Come fare: Impostazioni pagina → Aggiuntivo → Crea nuova cartella.

Suggerimento professionale: Crea una cartella "Archivio" per le bozze o le pagine che il tuo cliente decide di non utilizzare (almeno per ora). Contrassegnala come cartella di archivio nelle impostazioni in modo che queste pagine non vengano pubblicate. In questo modo, se il cliente cambia idea, potrai ripristinarle facilmente.

Supponiamo che tu abbia creato una pagina con delle recensioni, ma il cliente non era pronto a pubblicarla. Se in seguito torna e desidera aggiungere delle recensioni, basta estrarre la pagina dall'archivio e pubblicarla con un clic.
Se siete nuovi alle soluzioni senza codice, utilizzate questo codice promozionale esclusivo per ottenere un mese di Tilda Personal Plan invece della prova standard di 2 settimane.
Vedere le istruzioni su come attivarlo

I commenti alle pagine rendono più facile identificare la funzione di ciascuna pagina. Ad esempio, se una pagina è intitolata "Reach Out 24/7" ma in realtà è un modulo di contatto, aggiungi un commento come "Pagina di contatto" per chiarirne la funzione. I commenti sono visibili solo nella Dashboard.

Le etichette fungono da tag per le pagine. Puoi raggruppare pagine come "Chi siamo", "Recensioni" e "Contatti" sotto un'etichetta chiamata "Informazioni sull'azienda". Cliccando su un'etichetta vengono visualizzate tutte le pagine con quel tag, il che è molto utile quando si lavora su siti web di grandi dimensioni.

Se stai lavorando su un sito web di grandi dimensioni con centinaia di pagine, è importante creare un sistema di etichettatura chiaro in modo che il tuo cliente possa navigare facilmente tra le pagine. Assicurati di includere una breve guida che spieghi la logica di raggruppamento alla base delle etichette, che sia per sezione, percorso dell'utente, tipo di contenuto o altro, in modo che la struttura abbia senso anche senza il tuo aiuto diretto.
Lo sapevate?
Su Tilda, c'è uno strumento integrato per prendere appunti , Tilda Docs, che si può usare per creare e organizzare facilmente la documentazione del progetto come parte del passaggio di consegne del sito web.


Per impostare un'etichetta, andare in Impostazioni pagina → Ulteriori → Commento per la pagina / Etichetta.
5
Usate i blocchi alias per i contenuti ripetuti

Una volta che il sito web è attivo, il cliente potrebbe voler aggiornare elementi ricorrenti, come un modulo di contatto o un programma di lezioni. Per facilitare le cose, si possono usare i blocchi alias per le sezioni ripetute.

Un blocco alias è una copia speculare di un blocco originale. Quando si aggiorna l'originale, le modifiche appaiono ovunque l'alias venga utilizzato dopo la ripubblicazione del sito web. In questo modo è facile mantenere le cose aggiornate senza dover modificare manualmente tutte le pagine.
I blocchi alias aiutano anche a mantenere la coerenza nel sito web e riducono il rischio di problemi di layout durante gli aggiornamenti dei contenuti.

Come fare: Libreria blocchi → Altro → Blocco Alias (T213).
6
Caricare una Favicon

Non tralasciate la favicon: è un piccolo ma potente dettaglio che rende il vostro sito web immediatamente riconoscibile. Le favicon vengono visualizzate nelle schede del browser, nei segnalibri e nei risultati delle ricerche, aiutando gli utenti a individuare rapidamente il vostro sito web. Senza di essi, il sito sembra incompleto e si perde facilmente tra le schede aperte.

Inoltre, tenete presente che molti utenti navigano in modalità scura o in modalità "on the road": Molti utenti navigano in modalità scura o su cellulare. Potete caricare diverse versioni della vostra favicon per assicurarvi che appaia bene su qualsiasi sfondo.

Come fare: Impostazioni del sito → SEO → Favicons → Gestisci.
7
Impostare un colore di sfondo predefinito

Su Tilda, lo sfondo predefinito della tela dell'editor è bianco, ma non viene applicato automaticamente al sito web live. Se non si assegna un colore di sfondo predefinito, i blocchi possono apparire trasparenti su alcuni dispositivi o in modalità scura. I clienti non lo sanno e se aggiungono nuovi blocchi in seguito, potrebbero rompere la coerenza visiva del sito. L'impostazione di un colore di sfondo predefinito garantisce la coerenza del progetto e previene questo tipo di errori visivi.

Come fare: Impostazioni del sito → Caratteri e colori.
8
Aggiungere badge

Un badge, spesso chiamato anche immagine Open Graph, definisce il modo in cui il vostro link appare quando viene condiviso sulle app di messaggistica o sui social media. Senza di essi, la piattaforma potrebbe inserire un'immagine o un frammento di testo a caso, che spesso appare disordinato e confuso.

Questi badge sono impostati per pagina, non per l'intero sito web, quindi non dimenticate di aggiungerli in tutte le pagine principali.

Come fare: Impostazioni pagina → Badge.
9
Test di tutti i moduli

Collegate il vostro moduli a un servizio di raccolta dati come l'e-mail, Google Sheets o un CRM e assicuratevi che tutto funzioni correttamente. Controllate due volte che i moduli vengano inviati e mostrate al cliente l'aspetto dei messaggi inviati. In questo modo sapranno esattamente dove cercare le nuove richieste e non perderanno nessun messaggio importante.

Suggerimenti:
  • Inviate un modulo di prova e chiedete al cliente di confermare di averlo ricevuto.
  • Per i siti di commercio elettronico, impostate le e-mail di conferma dell'ordine in modo che i clienti ricevano i dettagli dell'acquisto.
  • Aggiungere un messaggio di successo personalizzato o reindirizzare a una pagina di ringraziamento dopo l'invio del modulo.
Come fare: Impostazioni del sito → Moduli.
10
Configurare le impostazioni SEO di base

Una volta completato il design, è il momento di mettere a punto le impostazioni SEO. Questo aiuta il sito a comparire nei risultati di ricerca in modo più rapido e accurato. Come minimo, configurate: Titolo e Descrizione per ogni pagina.

Il titolo è ciò che viene visualizzato nelle schede del browser e nei risultati dei motori di ricerca. Deve essere unico, pertinente e includere le parole chiave principali. La descrizione completa il titolo e fornisce un riassunto del contenuto della pagina.

Se non si utilizzano i meta tag, sarà più difficile per il sito web posizionarsi bene nei motori di ricerca.
Tag immagine

Il tag Alt è il testo che descrive un'immagine. Appare quando un'immagine non viene caricata e aiuta gli utenti a capire cosa doveva essere mostrato. Il testo Alt aumenta anche la SEO: se si includono parole chiave, l'immagine può apparire nei risultati di ricerca delle immagini.

Il tag Title è un tooltip che appare quando l'utente passa il mouse sull'immagine. È utile quando un'immagine necessita di ulteriori spiegazioni.

I tag immagine migliorano la SEO e rendono il sito web più accessibile agli utenti con disabilità visive.
Titoli H1 e H2

Questi tag aiutano a strutturare i contenuti in base all'importanza. Il titolo H1 è l'intestazione principale di una pagina e mette in evidenza le informazioni più importanti. Si dovrebbe usare un solo tag H1 per pagina. Il titolo H2 è un sottotitolo che supporta l'H1 e organizza il contenuto della pagina in sezioni leggibili. I motori di ricerca utilizzano le intestazioni per capire la gerarchia dei contenuti e la loro corrispondenza con le query di ricerca degli utenti.

Ad esempio, in questa pagina, l'H1 è "Come consegnare con successo i siti web ai clienti", mentre gli H2 sono i titoli di sezioni come "Cosa significa davvero consegnare un sito web" e "Perché conviene pensare in anticipo".
Come impostare i tag di intestazione: Impostazioni del blocco → SEO: Tag del titolo.

Non dimenticare di abilitare l'indicizzazione una volta che il sito è pronto per il lancio.
11
Test su tutti i dispositivi

Il vostro sito web potrebbe avere un aspetto e un comportamento diverso da un dispositivo all'altro. Assicuratevi che funzioni bene su schermi di diverse dimensioni. Utilizzate emulatori per testare diversi punti di interruzione o, meglio ancora, verificatelo su dispositivi reali quando possibile.

Assicuratevi che i pulsanti siano cliccabili, che il testo sia leggibile e che non ci siano interruzioni nel layout o nella navigazione.
12
Trasferire il progetto sull'account del cliente

È possibile trasferire un progetto solo su un account Tilda a pagamento. I progetti non possono essere trasferiti ai piani Free, quindi assicuratevi che il vostro cliente abbia un abbonamento attivo prima di iniziare il trasferimento.

Come fare: Impostazioni del sito → Azioni → Trasferisci sito web.
Una volta trasferito, accedere all'account del cliente e accettare il progetto. Quindi, collegate Tilda CRM all'interno del loro account: è collegato all'account dell'utente, non al progetto.
Anche se il vostro cliente vuole ricevere gli invii dei moduli solo via e-mail, Tilda CRM è un ottimo backup. Memorizza tutti i contatti in arrivo, aiuta a gestire le future campagne e-mail e garantisce che nessuna richiesta vada persa.

Come fare: Impostazioni del sito → Moduli → Tilda CRM.
13
Registrare video tutorial

Create brevi video tutorial per spiegare ai vostri clienti come gestire il loro sito web: come cambiare i contenuti, aggiornare le informazioni sui prodotti o modificare i blocchi di testo. In questo modo l'onboarding è più semplice, si riducono gli errori e si risparmia il tempo necessario per rispondere a domande ripetute.

Suggerimenti:
  • Mantenete i video brevi e mirati, ad esempio "Come cambiare il testo" o "Come aggiungere un prodotto".
  • Utilizzate strumenti come OBS Studio o Loom per la registrazione dello schermo.
  • Se il cliente ha più amministratori, create una pagina nascosta con tutti i video in un unico posto.

Altri suggerimenti degli esperti sul passaggio al sito web

Lavorate nel vostro account
Anche se il cliente ha già un account Tilda, iniziate il progetto nel vostro. In questo modo si mantiene il flusso di lavoro pulito e sicuro e si impedisce ai clienti di modificare il progetto a metà dello sviluppo o di copiarlo.
Creare una pagina "Informazioni sul sito web"
Includerla in una pagina nascosta del progetto o come pagina pubblica di Tilda Docs. Elencate i vostri dati di contatto, chi ha sviluppato il sito e i link alle istruzioni. Questo aiuta i clienti a trovarvi se hanno bisogno di assistenza in futuro.
Offrite un'assistenza continua
Che si tratti di una richiesta una tantum o di un anticipo, offrite di mantenere aggiornato il sito web. Spesso i clienti non hanno il tempo di gestire da soli i contenuti e la manutenzione continua garantisce che il sito web rimanga aggiornato e funzionale.
Utilizzate il programma Tilda Referral
Se il vostro cliente si iscrive utilizzando il vostro link referral, riceverete dei crediti bonus. Questi possono essere utilizzati per pagare l'abbonamento a Tilda o per progetti futuri.

Se l'articolo vi è piaciuto, condividetelo con i vostri amici. Grazie!

Leggi anche:
Libro di testo gratuito su come progettare, impostare e gestire
landing page ad alta conversione
Per saperne di più

Guida pratica gratuita all'animazione web con esempi e tecniche,

e consigli su come utilizzarli

Esplorare