10 esempi di siti Web StoryBrand stimolanti da applicare

Pubblicato: 2021-12-24

Ogni film ha una sceneggiatura per far sapere agli attori cosa faranno e diranno in una scena particolare. Così è BrandScript, quando il suo compito è guidare i clienti invece di guidare gli attori. Soprattutto in questi tempi incerti, le aziende che hanno chiarito il loro messaggio e costruito un funnel di vendita hanno molte più probabilità di sopravvivere.

Questa volta, ti mostrerò alcuni elementi importanti inclusi in un sito Web StoryBrand e alcuni esempi per creare un sito Web "StoryBranded". Spero che questo articolo di 10 esempi di siti Web StoryBrand stimolanti da applicare oggi ti fornisca una guida utile con suggerimenti e idee per te e il design del tuo sito Web.

Che cos'è un sito web StoryBrand?

Ti stai chiedendo: "Cos'è un sito StoryBrand?"? C'era uno StoryBrand prodotto da Donald Miller che ha cambiato le regole del gioco per il modo in cui le aziende affrontano il loro marketing, che è stato un catalizzatore per una vasta gamma di aziende per ristrutturare i loro siti web. Inoltre, c'era una chiave nel marketing che se vuoi che la tua attività abbia successo, la chiave sta nella capacità della tua azienda di identificare il messaggio.

Ecco perché il sito Web StoryBrand è stato inventato e svolge un ruolo fondamentale nell'eliminare la confusione e nel chiarire chi è la tua attività, cosa offre e come la tua attività può aiutare i potenziali clienti a raggiungere il successo. È un dato di fatto che quando un potenziale cliente si sente sicuro che puoi risolvere meravigliosamente il suo problema, allora lo aiuterà a convertirlo in clienti. Sul sito StoryBrand, il messaggio deve essere fornito nel modo più chiaro, anche con un chiaro pulsante di invito all'azione per far crescere il tuo business.

Cosa sono inclusi in un sito web StoryBrand?

Per definire cosa è incluso in un sito StoryBrand, devo ammettere che non esiste un modo "ufficiale" per creare un sito StoryBrand. Di seguito sono riportate alcune pratiche comuni che sono state prese in considerazione per creare fattori in un sito Web StoryBrand.

1. Il Brandscript

BrandScript è qualcosa che devi sviluppare in un sito Web StoryBrand. Poche persone cercano di saltare questo passaggio per iniziare a rielaborare il proprio sito in base alle proprie conoscenze, ma questo è improduttivo. In primo luogo, il problema sta nel fatto che metà di una copia di marketing convincente riguarda il decidere cosa non menzionare. Se non dedichi il tuo tempo a chiarire e ridurre i tuoi messaggi, probabilmente diventerà un pasticcio. Brandsscript è qui per ottenere un favore dal tuo marchio e organizzare il tuo BrandScript in ordine.

2. La prima pagina

Sì, la prima pagina è un'altra cosa che devi avere per il tuo sito Web StoryBrand perché sono le tue vendite. Anche se hai restituito i tuoi clienti o altre persone che utilizzano il tuo sito, la tua prima pagina è ancora per i potenziali clienti. Lo scopo qui è trasformare i browser in acquirenti; questo è il motivo per cui la maggior parte delle persone pensa prima alla prima pagina di un sito Web quando pensa a un sito Web StroyBrands.

Una pagina a "scorrimento lungo" è il layout più comune per un sito Web StoryBrand in quanto può fornire una serie di sezioni bloccate orizzontali. Il motivo qui sta nel fatto che un buon design di un sito Web è spesso visualizzato da più del 50% dei visitatori sul proprio smartphone, allo stesso tempo scorrere i contenuti è molto più semplice che fare clic sui collegamenti per navigare verso le posizioni che contengono quello che stai cercando.

3. Wireframe

È uno schema elementare della tua prima pagina per definire un wireframe, che illustrerà l'ordine delle sezioni della tua pagina, insieme alla copia dei titoli, del corpo del testo, dei punti elenco, ecc., che vengono riempiti, ma con elementi di progettazione fondamentali. Un wireframe può essere disegnato su un taccuino, o da un programma come Adobe, o anche Powerpoint per riordinare le tue sezioni.

Le persone spesso fraintendono che le sezioni delle sezioni del design del tuo sito web devono seguire lo stesso ordine del tuo BrandScript. Tuttavia, non ci sono regole rigide per definire l'ordine in cui dovresti organizzare i tuoi contenuti. Nel complesso, di seguito sono riportati alcuni tipi comuni di sezioni che verranno sincronizzati dal tuo BrandScript:

  • Sezione Hero Image: questa sezione è la prima cosa che i tuoi visitatori vedranno quando faranno semplicemente clic sul tuo sito web. Questa sezione dovrebbe includere il pulsante Titolo, Sottotitolo e Invito all'azione.
  • Chi siamo: Nella progettazione del tuo sito web, questa sezione è solitamente posizionata per mostrare i tuoi contenuti dalla sezione Guida. Lo scopo qui non è dire ai tuoi clienti chi è la tua azienda, inclusa la tua storia, struttura, biografia. Tuttavia, si tratta anche di spiegare in che modo la tua esperienza e la tua competenza fanno capire ai tuoi clienti come puoi risolvere i loro problemi.
  • Indicatori di autorità: questa è un'altra sezione della Guida in cui la tua pagina mostrerà il logo di aziende, partner con cui hai lavorato o questa potrebbe essere una testimonianza di un cliente per mostrare il tuo prestigio.
  • Stack di valore: questa sezione riguarda solitamente tre o quattro teorie sui valori di successo che normalmente provengono dalla sezione Success nel tuo BrandScript. Le icone sono spesso mostrate in questa sezione.
  • Piani in 3 passaggi: guarda la sezione Piano del tuo BrandScript, questo è l'ideale per te avere meno di tre o quattro passaggi per raccontare il processo di come una persona dovrebbe iniziare a collaborare con la tua attività o alcune fasi in cui di solito devi lavorare con il tuo cliente per risolvere i suoi problemi.
  • Piano dell'accordo: Sì, questa è un'altra sezione del Piano, ma è qui che dovresti porre la tua promessa al cliente, o forse una filosofia nel modo in cui svolgi la tua attività in modo da poter servire i clienti con il miglior risultato.
  • Altri elementi di BrandScript: ci sono alcuni altri fattori che non puoi dimenticare, come il carattere, il problema, i pezzi del fallimento e l'invito all'azione incluso il tuo BrandScript. Tuttavia, questi non sono solitamente definiti con una sezione isolata; nel frattempo, di solito è cosparso del formato di altre sezioni come titoli, elenchi puntati, richiami, ad esempio.

10 migliori esempi di siti Web StoryBrand

Quindi ora sai cos'è StoryBrand e cosa è incluso in esso, ma immagino che sia ancora difficile per te trovare la tua strada a meno che non ci siano esempi di ottimi siti Web StoryBrand online per te. Di seguito sono riportati 10 esempi che considero i migliori siti Web StoryBrand che utilizzano un buon framework per chiarire il loro messaggio. Li ho suddivisi in categorie in modo che tu possa trovare la strada per la tua attività e candidarti.

Aziende di servizi

In questa sezione, StoryBrand viene utilizzato per le aziende che forniscono servizi e utilizzano il loro sito Web per fornire messaggi.

1. Case 6th Ave

Si tratta di una società immobiliare che ha fornito il suo slogan chiaro fin dalla Homepage: "IMMOBILIARE CON ANIMA". Forniscono inoltre informazioni chiare sui loro servizi: "TI AIUTIAMO AD ACQUISTARE, VENDERE, PROGETTARE O RISTRUTTURARE IN DFW" in modo che i clienti sappiano come possono aiutare.

2. 365 prestazioni

I servizi di questa azienda riguardano i servizi di allenamento personale e cross-fit e di gruppo con uno slogan: "Raggiungi i tuoi obiettivi, divertiti con l'allenamento e vivi una vita migliore" fornito chiaramente nella sezione Immagine dell'eroe. Usano anche elementi di design come titoli, testo in grassetto, caselle di richiamo ed elenchi per evidenziare vari elementi delle sezioni Performance, Cosa ci rende diversi, Successo e fallimento.

Servizi online

Per i servizi online, questi siti Web utilizzano anche StoryBrand per creare trasparenza.

3. Fluoro

Il messaggio è stato fornito in modo molto chiaro: "La piattaforma di automazione per le chiese in crescita". Ancora una volta, questo StoryBrand riguarda anche la chiarezza poiché nella barra di navigazione sono forniti pochissimi collegamenti, creando un buon StoryBrand.

4. Contabilità completata

"DANDOTI LA LIBERTÀ di essere il capo di te stesso, di nuovo". Riuscite a indovinare di cosa tratta questo servizio? Ci vorrà non più di un minuto per capire mentre descrivono il team come specialisti in contabilità, contabilità, tasse e libro paga che hanno sperimentato risolutori di problemi e membri affidabili del team, nonché processi e tecnologia applicati.

5. Luogo perfetto

Perfect Venue Finder è un'azienda con il servizio di trovare le location adatte per il tuo matrimonio. Non c'è molto nella home page ma abbastanza informazioni per aiutare il cliente a raggiungere il proprio scopo.

Commercio basato sul prodotto

Di seguito sono riportati due esempi di attività basate su prodotti che utilizzano il framework StoryBrand per vendere prodotti online.

6. Guida audio

I prodotti che questa attività vende sono descritti chiaramente proprio nella prima Homepage: CUFFIE WIRELESS PER SISTEMI DI VIDEO INTRATTENIMENTO PER AUTO in modo che i clienti possano sapere e decidere se questo posto fa per loro. Per le attività basate sui prodotti, i prodotti devono essere al centro del loro StoryBrand. Quindi sì, 4 funzioni speciali sono tutte menzionate in modo eccezionale, tra cui Progettato per i veicoli, Qualità e comfort premium, Funziona con i dispositivi e Ricaricabile.

7. Atleta del deserto

Questa azienda vende prodotti per il metabolismo brucia grassi, la costruzione muscolare e il carburante per la montagna. Proprio come Drive Audio, ha fatto un buon lavoro nell'organizzare i suoi prodotti per distinguersi.

Attività di localizzazione fisica

8. Al forno a Nashville

Alcune aziende che hanno sedi fisiche utilizzano StoryBrand anche per i propri scopi specifici. Baked In Nashville, ad esempio, è una panetteria che vende torte, biscotti e macarons francesi e i messaggi forniti mirano ad attirare le persone a visitare e acquistare nel suo negozio.

Non profit

9. Dressember

Questa organizzazione Dressember è una ONG senza scopo di lucro che utilizza il messaggio StoryBrand per chiarire il proprio messaggio: "La nostra visione è un mondo DOVE TUTTE LE PERSONE SONO LIBERE" per ricevere più donazioni.

Chiese

10. Hill City RVA

Una di tutte e tre le cose nella concentrazione delle Chiese sono di solito: Speranza, Comunità o Scopo. Quindi, Hill City RVA normalmente inserisce quel messaggio nella sezione di messaggistica dell'eroe e applica quel framework StoryBrand ai suoi siti Web.

Conclusione

Quindi, immagino che siamo tutti chiari su StoryBrand con 10 esempi dei migliori. Ricorda solo di seguire il punto chiave mentre costruisci il tuo StoryBrand: persone simpatiche, design di bell'aspetto, ottimi prodotti e servizi, ma messaggi chiari sono alla base di tutto. Ricorda che fare marketing di successo risiede nella capacità di un'azienda di chiarire i propri messaggi. Perderai quando sarai confuso.

Se c'è qualcosa che vuoi sapere sullo StoryBrand della tua azienda o organizzazione, non esitare a lasciare un commento e chiedere. Non dimenticare di lasciare commenti per farci sapere come questo articolo può aiutarti. Ora è il momento di iniziare a creare lo StoryBrand per far crescere il tuo business!