Les blogs font partie intégrante des sites web depuis de nombreuses années. Presque tous les sites d’entreprise ont un onglet où vous pouvez trouver une liste de nouvelles ou d’articles. Dans ce billet, je vais présenter 6 blogs de marques célèbres qui se démarquent en termes de design. Sur la base des exemples sélectionnés, je présenterai les caractéristiques qui rendent le blog visuellement attrayant, moderne et qui se démarquent du reste.

Evernote – ou le minimalisme de la forme

https://evernote.com/blog/

La page principale du blog se distingue par un sentiment de propreté, d’ordre et de lisibilité. En utilisant beaucoup de couleurs blanches et en ne surchargeant pas les yeux du lecteur avec trop de texte, l’utilisateur parcourt volontiers la liste des articles et peut facilement choisir un post accrocheur qui se démarque grâce à une photo ou une illustration abstraite qui l’accompagne et fait référence au contenu de l’article. Le tout s’inscrit dans le cadre de la palette de couleurs choisie par la société, ce qui crée un sentiment de cohérence sans pour autant faire de l’effet. La mise en page de la page Web est basée sur 2 et 3 colonnes, grâce auxquelles les administrateurs peuvent promouvoir le contenu sélectionné en choisissant une image plus grande. La section « featured » en haut de la page Web, qui est entièrement consacrée à une seule entrée, contribue également à promouvoir les messages. Le lecteur sait immédiatement ce qu’Evernote « trouve le plus important ».
La sous-page de l’entrée amène les utilisateurs à se concentrer sur le contenu. Ils ne sont pas distraits par des éléments visuels. Le plus important est le contenu. On pourrait même avoir l’impression que la page web de l’article est simplement une note bien formatée, l’accent étant mis sur la sélection des titres, des liens, des images. Vous ne trouverez pas ici de section de commentaires, qui apparaît en fait très rarement sur les sites Web d’entreprise. Au lieu de cela, une section CTA peut être vue au bas de l’entrée, vous encourageant à essayer le produit.

Starbucks – diversité suscitant la curiosité

https://stories.starbucks.com/

En visitant la page d’accueil du blog de la plus grande chaîne de cafés au monde, vous pouvez immédiatement faire l’expérience de la variété du contenu présenté. Il existe de nombreux types de blocs visuels dédiés aux articles. Les administrateurs ont à leur disposition de nombreux modules différents, organisés selon une hiérarchie claire. Plus l’article est bas, plus sa surface est réduite. Les articles promus sont accompagnés d’une illustration ; ceux qui sont moins importants n’ont pas d’image liée au titre. Le site web de Starbucks peut être parcouru comme un magazine de style de vie. Lorsque vous faites défiler le site vers le bas, de nouveaux types de blocs avec du contenu apparaissent. Il y a une division claire en thèmes (histoires) et une présentation de la bibliothèque VOD de l’entreprise. Le blog de Starbucks dispose d’un curseur présentant les couvertures. Il ressemble à une bibliothèque Netflix, mais à une échelle moindre.
La sous-page de l’entrée se compose d’une typographie accrocheuse, ainsi que de photographies et d’illustrations mises en valeur. La barre de progression de lecture – qui est assez utile pour naviguer dans de nombreux articles longs sur ce blog – est également remarquable.

Samsung – un outil de communication avec le monde entier

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

Le blog de ce géant de l’électronique est un outil de présentation de l’actualité de l’entreprise et des produits. On n’y trouve pas beaucoup d’articles de style de vie et de fond. Le site web de Samsung est le panneau d’information de l’entreprise présentant les nombreuses opérations de ce groupe coréen. Tout comme sur le blog de Starbucks, on trouve ici plusieurs types de blocs contenant des listes d’articles. Parmi de nombreux autres éléments, on trouve un slider avec des entrées mises en avant, une liste des derniers articles, une section vidéo, une liste de liens mis en avant et une colonne avec des étiquettes clairement définies des principales catégories. Malgré la grande variété de son contenu, le site est facile à lire. Cela s’explique principalement par le nombre limité d’articles. Il n’y a pas beaucoup de défilement ici, l’attention du lecteur est attirée par des photos de produits accrocheuses ou des titres mis en évidence. Vous pouvez rapidement trouver un contenu intéressant et accéder à la sous-page d’un article donné. Le site du blog comprend également la possibilité de s’abonner à la newsletter.

Il y a suffisamment d’espace pour un article complet sur une sous-page d’une seule entrée. Pourtant, généralement, vous y trouverez des entrées courtes qui sont des communiqués de presse concernant les nouvelles liées à l’entreprise. Samsung a pris soin de faciliter la navigation entre les catégories et les balises. Ce géant de l’électronique souhaite faciliter la navigation des utilisateurs entre les articles connexes en proposant une liste claire de contenus connexes. A la fin, l’utilisateur est invité à jeter un coup d’œil au portfolio du producteur.

Slack – le pouvoir d’une simple illustration

https://slackhq.com/

Visiter le blog officiel de Slack est une expérience qui crée l’image d’une entreprise professionnelle dans l’esprit de l’utilisateur. L’identification visuelle cohérente est visible dans les vignettes des entrées, qui sont des illustrations géométriques. Slack nous a habitués à son langage graphique, qui est facilement associé à cette marque. Le blog de Slack est minimaliste, mais on peut y trouver de nombreux types de contenu. Des entrées promues, en passant par les catégories vedettes, jusqu’aux articles les plus lus. De nombreux types d’articles différents ont leur propre section dédiée. Se démarque, par exemple, la partie rassemblant les billets « Tips &Tricks ». De courts slogans sur des tuiles colorées mènent à des contenus didactiques et à des guides. Cette division visuelle de la page principale du blog permet de se repérer rapidement dans la diversité des contenus.

Airbnb – minimalisme non évident

https://blog.atairbnb.com/

Le blog Airbnb est très minimaliste. Ce qui frappe, c’est le fait que les titres des articles sont invisibles. Ce n’est qu’après avoir passé le curseur sur l’un des rectangles avec des images que le texte caché, qui est l’en-tête de l’article, apparaît Tous les articles n’ont pas de graphiques dédiés, et pour ceux-là un placeholder a été fourni – un rectangle avec un motif basé sur le logo de l’entreprise (apparemment, tous les articles ne doivent pas avoir une photo). En raison de cette solution, vous devez rechercher des articles intéressants en sautant d’un segment à l’autre. On peut dire que cet atterrissage de blog n’est qu’une liste d’entrées. À part le menu caché et le bouton « load more », on ne trouve rien d’autre ici. C’est l’exemple même du minimalisme !
La forme des pages web contenant des articles séparés est également limitée. Parmi les fonctionnalités plus intéressantes, vous pouvez trouver ici une barre de progression de lecture et une liste de langues dans lesquelles un post donné est disponible. Le choix de l’une d’entre elles modifie la version linguistique.

Nike – Des actualités présentées à l’aide de superbes photos de produits

https://news.nike.com/

Les produits Nike ont toujours été caractérisés par un fort accent sur leur design. Sur l’onglet contenant les actualités de l’un des plus grands fabricants d’articles de sport, vous trouverez une mise en page fermement axée sur la présentation du produit de l’entreprise. Nike ne peut pas se plaindre de la quantité de superbes photos publicitaires, et le blog de l’entreprise est la toile de fond parfaite pour présenter les nouvelles campagnes ou les nouveaux produits. La palette de couleurs noir et blanc le rend encore plus adapté à cet usage. Les photos sont le contenu ici, ainsi qu’une incitation à aller plus loin dans la collection de nouvelles. La mise en page simple en 3 colonnes n’est perturbée que par l’article promu (en haut de la page Web) et la section avec les liens mis en évidence entre les rangées successives de tuiles de blog.
La sous-page d’un seul article consiste en une forte typographie en noir et blanc avec de nombreuses photos colorées. Cependant, dans cette forme minimaliste, il y a une place pour une fonctionnalité intéressante. Lorsque vous avez fini de lire un message, un autre apparaît automatiquement. Grâce à cette solution, vous n’avez pas besoin d’arrêter de lire et vous pouvez rester sur la même sous-page. Vous pouvez faire défiler à l’infini, en trouvant toujours plus d’articles.

Droopler – site web d’entreprise avec un blog

Si vous envisagez de construire le site web de votre entreprise, je vous encourage à le baser sur notre distribution Drupal. Droopler est un site web pré-conçu et prêt à l’emploi qui a fière allure déjà après l’installation. Dans Droopler, nous avons fourni un blog minimaliste qui fonctionnera parfaitement comme une section d’actualités sur un site Web d’entreprise. Nous avons veillé à ce qu’il soit lisible et attrayant sur les écrans des ordinateurs et des appareils mobiles. Si vous voulez en savoir plus sur les détails, cliquez sur apprendre les détails sur 5 raisons de construire le site web de votre entreprise avec Droopler.