11 dei migliori esempi di micrositi che abbiamo mai visto

Si dice che le cose migliori spesso arrivano in piccoli pacchetti. Pensateci: gioielli, Snapchat, libri, le chiavi di un’auto nuova di zecca … tutte queste cose supportano questa nozione.

E con i nostri tempi di attenzione che si riducono al di sotto di quelli di un pesce rosso, non deve sorprendere che stiamo cominciando a desiderare contenuti più mirati su scala più piccola.

Ecco l’ascesa dei micrositi. A differenza dei normali siti web, i micrositi tendono ad essere piuttosto semplicistici e più facili da navigare. Questo non vuol dire che non vi faranno venire voglia di curiosare per un po’, però. Infatti, quelli veramente grandi fanno proprio questo.Clicca qui per scaricare la nostra collezione curata di esempi di contenuti interattivi. Pronto a vedere alcuni casi d’uso? Dai un’occhiata alla lista qui sotto per alcuni grandi esempi di micrositi in azione.

Nota: nell’esempio sette ci sono delle bestemmie, quindi passate oltre se non sono di vostro gradimento.

Cos’è un microsito?

Un microsito è una singola pagina web o un piccolo gruppo di pagine web che agiscono come un’entità separata per un marchio. Un microsito vive tipicamente sul proprio dominio, ma alcuni esistono come sottodominio.

I micrositi possono essere utilizzati per aiutare i marchi a raggiungere una serie di obiettivi. Per esempio, alcune aziende li hanno usati per evidenziare una campagna specifica o per indirizzare specifiche buyer personas. Altri li hanno usati per raccontare una breve storia, o per ispirare una specifica call-to-action.

11 Esempi di Micrositi Ingegnosi

1) YearInMusic.Spotify.com | Spotify

A parte il fatto di servire come un doloroso ricordo di quante canzoni di Justin Bieber ho ascoltato a ripetizione lo scorso anno, Year in Music di Spotify ha dimostrato di essere uno dei micrositi più ben eseguiti che abbiamo mai visto.

spotify-year-in-music.png

Comunemente indicato come una “celebrazione” della musica che ci ha portato attraverso l’anno precedente, il sito interattivo di Spotify è personalizzato appositamente per voi, sulla base delle vostre abitudini di ascolto.

Cosa significa esattamente? Beh, lo strumento rende facile per voi creare un riepilogo personalizzato che incorpora dettagli come la vostra prima canzone suonata, i migliori artisti per stagione, e quanto tempo avete trascorso ad ascoltare. L’esperienza è unica per l’utente, rendendo divertente per loro condividere e confrontare la loro sinossi con i loro amici.

E quando si tratta di condividere, il microsito lo rende davvero facile. Ogni statistica che il sito estrae per voi può essere condivisa sui social media grazie a un comodo pulsante in basso a destra dello schermo.

2) DangersOfFracking.com | Linda Dong

In uno sforzo per ottenere supporto per il FRAC Act (Fracturing Responsibility and Awareness of Chemicals Act), l’Interaction and Industrial Designer Linda Dong ha progettato un bellissimo microsito che usa il design parallasse per raccontare i pericoli della fratturazione idraulica.

microsite-fracact

La storia inizia con una goccia d’acqua che cade da una nuvola, e mentre si scorre verso il basso attraverso il sito, si segue la goccia d’acqua mentre viene portata dal camion al sito di fratturazione, trasformata in fluido di tracciamento, e inviata nel terreno attraverso un pozzo di gas. Lungo la strada, si incontrano fatti e statistiche galleggianti sui pericoli del fracking fino a quando si incontrano due semplici chiamate all’azione proprio alla fine: “

microsite-fracact2

Micrositi come questo sono fortemente concentrati sull’uso di spunti direzionali (in questo caso, il movimento di parallasse) per guidare gli utenti a completare una certa call-to-action — così qualsiasi altra distrazione o barra di navigazione viene rimossa completamente.

Se il tuo microsito si concentra su una o due chiamate all’azione, assicurati che siano concise e fattibili come questa, e che tu le distingua visivamente dal resto del sito rendendo il colore del font pop o mettendo il testo in un pulsante.

3) UrWhatUPost.com | Bolthouse Farms

“Perché il cibo spazzatura dovrebbe avere tutta la gloria?”

Ti viene posta questa domanda quando arrivi per la prima volta al microsito di BoltHouse Farms, UrWhatUPost.com. BoltHouse Farms ha creato il sito per mostrare alle persone quante conversazioni sui social media si stavano svolgendo sui cibi sani rispetto a quelli non sani. Per fare questo, hanno raccolto gli hashtag #UrWhatUPost e monitorato i tipi di alimenti che condividiamo sui social media, poi hanno messo in competizione le cose sane, come #grapes, con quelle malsane, come #icecream. L’obiettivo del sito web è allineato con la loro missione aziendale generale: Cambiare il modo in cui la gente pensa (e pubblica) il cibo sano.

microsite-foodpindex

Bolthouse Farms dimostra che i micrositi non devono essere minimalisti. Le pagine del sito sono colorate e animate, con parole e numeri in movimento che si trasformano in carote penzolanti e melograni oscillanti. Clicca su un prodotto alimentare e la magia accade – ogni prodotto è diverso. Clicca su una melagrana e puoi “colpirla” con il tuo clicker come una pignatta. Clicca su un melone e sarai portato ad una pagina di “meditazione sul melone”, un po’ come iTunes Visualizer.

4) Dominosdxp.com | Domino’s Pizza

L’anno scorso, Domino’s ha annunciato le nuove auto per la consegna della pizza Chevy Spark, conosciute come DXP. Le auto sono state appositamente riprogettate per la consegna della pizza, e come risultato, vantano una tonnellata di caratteristiche impressionanti – come un forno dove dovrebbe esserci la porta sinistra, spazio per un massimo di 80 pizze, stoccaggio personalizzato per salse e bevande.

Per mostrare questa meraviglia, hanno recentemente lanciato un microsito dedicato che dettaglia tutte le cose DXP.

dominos-microsite.png

Il sito è fortemente interattivo e permette ai visitatori di ingrandire ciascuna delle caratteristiche per comprendere meglio lo scopo e il livello di pensiero che è andato in ogni aggiunta. L’intero sito è anche abilmente animato, rendendo davvero interessante conoscere ogni caratteristica.

Se non altro, questo è un grande esempio di come prendere un prodotto o un’idea abbastanza complessa e promuoverla e spiegarla in un modo che sia divertente e facilmente digeribile. Ma non credeteci sulla parola… visitate il sito per esplorarlo voi stessi.

5) EmojiTracker.com | Matthew Rothenberg

Non c’è un “punto” per emojitracker.com — è stato creato da Matthew Rothenberg, ex capo prodotto di Flickr e Bitly, come un esperimento di monitoraggio in tempo reale di tutte le emoji usate su Twitter.

Screen_Shot_2014-08-19_at_3.37.13_PM

Le uniche call-to-action sul sito sono i pulsanti tweet e follow in basso. Altrimenti, è solo per puro interesse. Senza una barra di navigazione o un modo per raggiungere un altro sito, potrebbe effettivamente confondere alcune persone.

Tecnicamente, infrange le regole del buon design dell’interfaccia utente, ma dimostra che i micrositi non hanno bisogno di avere un design complicato. Tienilo semplice per mantenere le persone sulla pagina senza occupare troppo del loro tempo.

6) Fu2016.com | House of Cards

Fatti da parte, Donald Trump. C’è un nuovo candidato presidenziale che sta prendendo d’assalto internet con questo impressionante microsito interattivo.

Se non conosci la serie di Netflix “House of Cards”, il programma segue un uomo di nome Francis Underwood, un politico spietato con un’agenda nascosta. Mentre la serie entra nella quarta stagione, hanno promosso la prima con un microsito intelligente che si prende gioco della politica. A proposito di tempismo perfetto, vero?

frank-underwood-microsite.png

Il microsito invita i visitatori ad unirsi al movimento di Underwood e a raccogliere sostegno per questioni “importanti” come la disuguaglianza, la disonestà e i diritti. Ma a parte gli scherzi, quello che ci piace di più di questo microsito è il design. In effetti, si potrebbe facilmente sostenere che il sito funziona meglio di quelli degli attuali candidati presidenziali. Dagli occhi sfuggenti che attirano l’attenzione di Underwood (visitate il sito per vedere voi stessi) ai video di alta qualità, il microsito vi attira e vi fornisce buone ragioni per rimanere nei paraggi e impegnarsi con il contenuto.

FU_2016.png

7) WhatTheF*ckShouldIMakeForDinner.com | Zach Golden

Non avete un grande budget? Prendi spunto da Zach Golden, autore di What The F*ck Should I Make For Dinner?, che ha creato un microsito per promuovere il libro.

What_The_Fuck_Should_I_Make_For_Dinner_.png

Il sito ha un layout molto semplice: Una linea “scopo della ricetta” a rotazione, una ricetta a rotazione dal libro, e tre link che ti permettono di “scegliere il tuo viaggio”. Ha un tema minimalista in bianco e nero; usa tutte le maiuscole; e mette una piccola call-to-action nell’angolo che promuove il suo libro. Questo è tutto.

L’azienda multimediale Digiday ha preso spunto da Golden e ha usato il suo modello di microsito per condurre un esperimento tutto suo. Hanno creato il microsito WhatTheF*ckIsMyTwitterBio.com – con zero budget per i media – per vedere se il contenuto sarebbe diventato virale e avrebbe aiutato a costruire il loro brand.

“Grazie all’open-source WTFEngine di Justin Windle, a un hosting economico e a una registrazione di dominio da 12 dollari, WhatTheF*ckIsMyTwitterBio.com era pronto e funzionante in meno di due ore”, si legge nel comunicato stampa di Digiday. “Il secondo passo è stato quello di riempire il sito di contenuti, che ha richiesto.”

What_The_Fuck_Is_My_Twitter_Bio_.png

Il loro più grande risultato? Che una buona copia funziona. “Non abbiamo speso un centesimo per promuovere il sito, e ha raggiunto quasi 100.000 utenti unici ‘organicamente’.”

8) ElfYourself.com | OfficeMax

Non pensavate che avrei potuto scrivere un post sul blog sui micrositi e non includere ElfYourself, vero? Certo che no. Lo screenshot qui sotto mostra l’aspetto attuale del sito, ma durante le vacanze, aspettatevi che la vostra casella di posta elettronica sia piena di animazioni di ElfYourself anche quest’anno, perché ElfYourself non se ne andrà.

Screen_Shot_2016-03-02_at_3.01.52_PM.png

Cosa ha reso il sito così popolare? Oltre ad essere esilarante, è anche facilmente condivisibile, ha una sola call-to-action, e rende gli utenti le star.

“Ha portato il marchio alla vita per i consumatori”, ha scritto Kenneth Hein in Forbes, “e per la folla business-to-business ha fornito un volto umano per il rivenditore di scatole grandi.”

In altre parole, Office Max ha usato il microsito per essere creativo e far sventolare la sua bandiera stramba, e ha funzionato come un fascino. Hanno focalizzato la campagna sui consumatori, non sul marchio – ma il legame con le vendite è arrivato alla fine dei video di ElfYourself sotto forma di coupon e promo.

9) TasteTheFeeling.Coca-Cola.com | Coca-Cola

Abbiamo capito: Tutti amiamo le GIF. E quelli della Coca-Cola hanno sfruttato questa inevitabile ammirazione creando un’esperienza online coinvolgente nella forma del microsito “Taste the Feeling”.

Coca_Cola_Taste_The_Feeling.png

Ecco come funziona: Quando gli utenti arrivano sulla pagina, vengono accolti da un video musicale di due minuti impostato sui suoni di un inno personalizzato della campagna di Avicii e Conrad Sewell. Il video è composto da GIF in loop di tre secondi che rappresentano le molte emozioni provate dai bevitori di Coca-Cola. Mentre si guarda, è possibile selezionare un’emozione cliccando su una delle 32 icone basate sulle emozioni, o inserire la propria emozione per trovare la GIF corrispondente.

Tutte le GIF sono facilmente condivisibili sui social media, il che serve come un ottimo modo per attirare le persone sul sito per impegnarsi con il contenuto.

Questo microsito è anche un ottimo esempio per chi è interessato a globalizzare le risorse della propria campagna, dato che è disponibile in più di 20 lingue diverse.

10) Inside.Chanel.com | Chanel

Inside Chanel è un microsito che “lavora per informare i consumatori sulla storia e sul patrimonio della casa attraverso video e contenuti multimediali”, secondo Luxury Daily. Il sito ospita una tonnellata di brevi video sociali che raccontano le persone, i luoghi, le cose e gli eventi che hanno contribuito al continuo successo di questo iconico marchio di moda.

Lo scopo? “La strategia dietro questo microsito è quella di creare una certa accessibilità alla storia di Chanel, ma soprattutto al suo successo nel corso degli anni”, spiega Dalia Strum, presidente di Dalia Inc.

Inside_CHANEL.png

Abbiamo apprezzato il loro approccio video-centrico al visual storytelling. Ognuno dei video ha lo scopo di aprire il sipario e dare ai visitatori uno sguardo esclusivo al dietro le quinte delle foto e delle storie, in relazione ai diversi aspetti del marchio – colore, couture e così via.

È importante notare che questo sito non è il primo tentativo di Chanel di creare micrositi. Infatti, il marchio ha sperimentato diversi formati di micrositi, tra cui il sito in stile editoriale Chanel News:

Chanel_News.png

11) BurgerBff.com | Mellow Mushroom

Questo microsito dei ragazzi di Mellow Mushroom – una pizzeria in franchising di Atlanta, Georgia – è stato creato per sostenere la loro recente campagna “Burger BFF”. La campagna è stata lanciata per creare buzz per le loro nuove voci di menu: Herb (un hamburger vegetariano) e Carnie (un hamburger di manzo).

Le voci del menu sono state trasformate in cartoon BFF per il bene della campagna … e il risultato è piuttosto amabile.

BFF_Burger.png

Mellow Mushroom usa il microsito come un modo per promuovere un concorso per la possibilità di vincere un viaggio di andata e ritorno a Denver o Seattle con il loro migliore amico. E lo fa in una serie di modi davvero divertenti e interessanti. Per esempio, una sezione del sito invita i visitatori a usare l’hashtag #BurgerBFF per partecipare al concorso e mostrare le loro migliori foto di hamburger su Instagram:

BurgerBFF_Campaign.png

Ma non è tutto: Il sito offre ai visitatori anche diversi altri modi coinvolgenti e interattivi per partecipare al concorso, tra cui quiz e un generatore di storie in stile Mad Libs.

Qui ci sono 11 esempi di pagine dei prezzi che vorrete controllare.

Nuova Call-to-action

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.