I blog sono stati una parte integrante dei siti web per molti anni. Quasi ogni sito aziendale ha una scheda dove si può trovare una lista di notizie o articoli. In questo post, presenterò 6 blog di marche famose che si distinguono in termini di design. Sulla base degli esempi selezionati, presenterò le caratteristiche che rendono il blog visivamente attraente, moderno e si distinguono dal resto.

Evernote – o minimalismo della forma

https://evernote.com/blog/

La pagina principale del blog è caratterizzata da un senso di pulizia, ordine e leggibilità. Usare molti colori bianchi e non sovraccaricare gli occhi del lettore con troppo testo significa che l’utente è felice di scorrere l’elenco degli articoli, e può facilmente scegliere un post accattivante che si distingue grazie a una foto o un’illustrazione astratta che lo accompagna e fa riferimento al contenuto dell’articolo. Tutto questo è mantenuto all’interno dello schema di colori scelto dall’azienda, che costruisce un senso di coerenza in modo non invadente. Il layout della pagina web è basato su 2 e 3 colonne, grazie alle quali gli amministratori possono promuovere il contenuto selezionato scegliendo un’immagine più grande. La sezione “in evidenza” nella parte superiore della pagina web, che è interamente dedicata ad una singola voce, aiuta anche a promuovere i post. Il lettore sa immediatamente cosa Evernote “trova più importante”.
La sottopagina della voce fa sì che gli utenti si concentrino sul contenuto. Non sono distratti da elementi visivi. La cosa più importante è il contenuto. Si potrebbe anche avere l’impressione che la pagina web dell’articolo sia semplicemente una nota ben formattata, con l’enfasi posta sulla selezione di titoli, link, immagini. Non troverete qui una sezione commenti, che in realtà appare molto raramente sui siti web aziendali. Invece, una sezione CTA può essere vista in fondo alla voce, incoraggiandoti a provare il prodotto.

Starbucks – curiosità-diversità

https://stories.starbucks.com/

Quando si visita la home page del blog della più grande catena di caffè del mondo, si può immediatamente sperimentare la varietà del contenuto presentato. Ci sono molti tipi di blocchi visivi dedicati agli articoli. Gli amministratori hanno a disposizione molti moduli diversi, disposti in base a una chiara gerarchia. Più l’articolo è in basso, più piccola è la sua area. Gli articoli promossi sono accompagnati da un’illustrazione; quelli meno importanti non hanno un’immagine legata al titolo. Il sito di Starbucks può essere sfogliato come una rivista di lifestyle. Quando si scorre verso il basso, appaiono nuovi tipi di blocchi con contenuti. C’è una chiara divisione in argomenti (storie) e una presentazione della libreria VOD dell’azienda. Il blog di Starbucks ha un cursore che presenta le copertine. Sembra una libreria di Netflix, ma su una scala inferiore.
La sottopagina della voce consiste in una tipografia accattivante, così come fotografie e illustrazioni in evidenza. La barra di avanzamento della lettura – che è abbastanza utile per navigare in molti articoli lunghi su questo blog – è anche degna di nota.

Samsung – uno strumento per comunicare con tutto il mondo

https://news.samsung.com/global/

Il blog di questa gigantesca azienda elettronica è uno strumento per presentare le notizie sulla società e sui prodotti. Non ci sono molti articoli sullo stile di vita e sulle caratteristiche da trovare qui. Il sito web di Samsung è la bacheca informativa dell’azienda che presenta le numerose operazioni di questo gruppo coreano. Proprio come sul blog di Starbucks, si possono trovare qui molti tipi di blocchi contenenti liste di articoli. Tra molti altri elementi, c’è uno slider con voci evidenziate, una lista degli ultimi post, una sezione video, una lista di link evidenziati e una colonna con etichette chiaramente definite delle categorie principali. Nonostante la grande varietà di contenuti, il sito è facile da leggere. Principalmente a causa del numero limitato di articoli. Non c’è molto da scorrere qui, l’attenzione del lettore è attratta da foto di prodotti accattivanti o da titoli evidenziati. È possibile trovare rapidamente un contenuto interessante e andare alla sottopagina di un dato post. Il sito web del blog include anche la possibilità di iscriversi alla newsletter.

C’è abbastanza spazio per un ampio articolo su una sottopagina di una singola voce. Tuttavia, di solito, vi si trovano brevi voci che sono comunicati stampa riguardanti le notizie relative all’azienda. Samsung si è presa cura di una comoda navigazione tra categorie e tag. Questo gigante dell’elettronica vuole rendere più facile per gli utenti la navigazione tra gli articoli correlati, servendo un chiaro elenco di contenuti correlati. Alla fine, l’utente è invitato a dare un’occhiata al portfolio del produttore.

Slack – il potere di una semplice illustrazione

https://slackhq.com/

Visitare il blog ufficiale di Slack è un’esperienza che crea l’immagine di una società professionale nella mente dell’utente. L’identificazione visiva coerente può essere vista nelle miniature delle voci, che sono illustrazioni geometriche. Slack ci ha abituato al loro linguaggio grafico, che è facilmente associato a questo marchio. Il blog di Slack è minimalista, ma vi si possono trovare molti tipi di contenuti. Dalle voci promosse, attraverso le categorie in evidenza, agli articoli più letti. Molti diversi tipi di articoli hanno le loro sezioni dedicate. Spicca, per esempio, la parte che raccoglie i post “Tips & Tricks”. Brevi slogan su piastrelle colorate portano a contenuti didattici e guide. Questa divisione visiva della pagina principale del blog ti permette di trovare rapidamente la strada per i diversi contenuti.

Airbnb – minimalismo non ovvio

https://blog.atairbnb.com/

Il blog Airbnb è molto minimalista. La cosa che colpisce è il fatto che i titoli degli articoli sono invisibili. Solo dopo aver fatto passare il cursore su uno dei rettangoli con le immagini, il testo nascosto, che è l’intestazione dell’articolo, appare Non tutti i post hanno una grafica dedicata, e per questi è stato fornito un segnaposto – un rettangolo con un motivo basato sul logo della società (apparentemente non tutti gli articoli devono avere una foto). A causa di tale soluzione, è necessario cercare articoli interessanti saltando tra i segmenti. Si può dire che questo blog di atterraggio è solo un elenco di voci. A parte il menu nascosto e il pulsante “load more”, non c’è altro. Questo è l’epitome del minimalismo!
Anche la forma delle pagine web contenenti post separati è limitata. Tra le caratteristiche più interessanti, puoi trovare qui una barra di avanzamento della lettura e una lista di lingue in cui un dato post è disponibile. Scegliendo una di queste cambia la versione in lingua.

Nike – Notizie presentate con grandi foto di prodotti

https://news.nike.com/

I prodotti Nike sono sempre stati caratterizzati da una forte enfasi sul loro design. Nella scheda che contiene le notizie su uno dei più grandi produttori di articoli sportivi, troverete un layout fermamente incentrato sulla presentazione del prodotto aziendale. Nike non può lamentarsi della quantità di grandi foto pubblicitarie, e il blog aziendale è lo sfondo perfetto per presentare nuove campagne o prodotti. La combinazione di colori bianco e nero lo rende ancora migliore per questo scopo. Le foto sono il contenuto qui, così come un incentivo va più in profondità nella raccolta di notizie. Il semplice layout a 3 colonne è disturbato solo dal post promosso (in cima alla pagina web) e dalla sezione con i link evidenziati tra le successive file di piastrelle del blog.
La sottopagina di un singolo post consiste in una forte tipografia in bianco e nero con molte foto colorate. Tuttavia, in questa forma minimalista, c’è posto per una caratteristica interessante. Quando finisci di leggere un post, ne appare automaticamente un altro. Grazie a tale soluzione, non è necessario smettere di leggere, e si può rimanere sulla stessa sottopagina. Puoi scorrere verso il basso all’infinito, trovando sempre più articoli.

Droopler – sito web aziendale con un blog

Se stai pensando di costruire il tuo sito web aziendale, ti incoraggio a basarlo sulla nostra distribuzione Drupal. Droopler è un sito web pre-progettato e pronto all’uso che sembra grande già dopo l’installazione. In Droopler, abbiamo fornito un blog minimalista che funzionerà alla grande come una sezione di notizie su un sito web aziendale. Ci siamo presi cura di un aspetto leggibile e attraente sugli schermi dei computer e dei dispositivi mobili. Se vuoi saperne di più, clicca su Impara i dettagli su 5 motivi per costruire il tuo sito web aziendale con Droopler.