Blogs sind schon seit vielen Jahren ein fester Bestandteil von Websites. Fast jede Unternehmenswebsite verfügt über eine Registerkarte, auf der Sie eine Liste von Nachrichten oder Artikeln finden können. In diesem Beitrag stelle ich 6 Blogs bekannter Marken vor, die sich durch ihr Design auszeichnen. Anhand der ausgewählten Beispiele werde ich Merkmale vorstellen, die den Blog optisch attraktiv und modern machen und ihn von anderen abheben.

Evernote – oder der Minimalismus der Form

https://evernote.com/blog/

Die Hauptseite des Blogs zeichnet sich durch ein Gefühl der Sauberkeit, Ordnung und Lesbarkeit aus. Die Verwendung vieler weißer Farben und die Tatsache, dass die Augen des Lesers nicht mit zu viel Text überfrachtet werden, sorgen dafür, dass der Benutzer gerne durch die Liste der Artikel blättert und leicht einen auffälligen Beitrag auswählen kann, der durch ein Foto oder eine abstrakte Illustration, die ihn begleitet und auf den Inhalt des Artikels verweist, hervorsticht. All dies ist im Rahmen des vom Unternehmen gewählten Farbschemas gehalten, das auf nicht aufdringliche Weise ein Gefühl der Kohärenz vermittelt. Das Layout der Webseite basiert auf 2 und 3 Spalten, dank derer die Administratoren ausgewählte Inhalte durch die Wahl eines größeren Bildes hervorheben können. Der „featured“-Bereich am oberen Rand der Webseite, der ausschließlich einem einzigen Eintrag gewidmet ist, trägt ebenfalls dazu bei, Beiträge zu bewerben. Der Leser weiß sofort, was Evernote „am wichtigsten findet“.
Die Unterseite des Eintrags sorgt dafür, dass sich die Nutzer auf den Inhalt konzentrieren. Sie werden nicht durch visuelle Elemente abgelenkt. Das Wichtigste ist der Inhalt. Man könnte sogar den Eindruck gewinnen, dass die Artikel-Webseite einfach eine gut formatierte Notiz ist, bei der der Schwerpunkt auf der Auswahl von Überschriften, Links und Bildern liegt. Einen Kommentarbereich werden Sie hier nicht finden, der auf Unternehmenswebseiten eigentlich sehr selten vorkommt. Stattdessen ist am Ende des Eintrags ein CTA-Abschnitt zu sehen, der zum Ausprobieren des Produkts auffordert.

Starbucks – Neugierde weckende Vielfalt

https://stories.starbucks.com/

Wenn man die Startseite des Blogs der weltgrößten Kaffeehauskette besucht, kann man sofort die Vielfalt der präsentierten Inhalte erleben. Es gibt viele Arten von visuellen Blöcken, die den Artikeln gewidmet sind. Den Administratoren stehen viele verschiedene Module zur Verfügung, die nach einer klaren Hierarchie geordnet sind. Je niedriger der Artikel ist, desto kleiner ist sein Bereich. Hervorgehobene Einträge werden von einer Illustration begleitet; weniger wichtige Artikel haben keine titelbezogene Abbildung. Die Starbucks-Website lässt sich wie ein Lifestyle-Magazin durchblättern. Wenn Sie nach unten scrollen, erscheinen neue Arten von Blöcken mit Inhalten. Es gibt eine klare Unterteilung in Themen (Stories) und eine Präsentation der VOD-Bibliothek des Unternehmens. Der Starbucks-Blog hat einen Schieberegler, der die Cover präsentiert. Es sieht aus wie eine Netflix-Bibliothek, aber in kleinerem Maßstab.
Die Unterseite des Eintrags besteht aus auffälliger Typografie sowie hervorgehobenen Fotos und Illustrationen. Bemerkenswert ist auch der Lesefortschrittsbalken, der bei der Navigation durch die vielen langen Artikel in diesem Blog recht nützlich ist.

Samsung – ein Werkzeug für die Kommunikation mit der ganzen Welt

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

Der Blog dieses Elektronikriesen ist ein Werkzeug zur Präsentation von Unternehmens- und Produktneuigkeiten. Lifestyle- und Feature-Artikel sind hier eher selten zu finden. Die Samsung-Website ist die Informationstafel des Unternehmens, auf der die zahlreichen Aktivitäten des koreanischen Konzerns vorgestellt werden. Genau wie im Starbucks-Blog finden Sie hier viele Arten von Blöcken mit Listen von Artikeln. Neben vielen anderen Elementen gibt es einen Schieberegler mit hervorgehobenen Einträgen, eine Liste der neuesten Beiträge, einen Videobereich, eine Liste mit hervorgehobenen Links und eine Spalte mit klar definierten Bezeichnungen der Hauptkategorien. Trotz der großen Vielfalt an Inhalten ist die Website leicht zu lesen. Das liegt vor allem an der begrenzten Anzahl der Artikel. Hier muss nicht viel gescrollt werden, die Aufmerksamkeit des Lesers wird durch auffällige Produktfotos oder hervorgehobene Überschriften geweckt. Sie können schnell interessante Inhalte finden und zu den Unterseiten eines bestimmten Beitrags gehen. Auf der Blog-Website gibt es auch die Möglichkeit, den Newsletter zu abonnieren.

Auf einer Unterseite eines einzelnen Eintrags ist genug Platz für einen umfangreichen Artikel. In der Regel finden sich dort jedoch kurze Einträge, die Pressemitteilungen zu unternehmensbezogenen Neuigkeiten darstellen. Samsung hat für eine bequeme Navigation zwischen den Kategorien und Tags gesorgt. Der Elektronikriese möchte den Nutzern die Navigation zwischen verwandten Artikeln erleichtern, indem er eine übersichtliche Liste mit verwandten Inhalten anbietet. Am Ende wird der Nutzer aufgefordert, einen Blick auf das Portfolio des Herstellers zu werfen.

Slack – die Macht einer einfachen Illustration

https://slackhq.com/

Der Besuch des offiziellen Blogs von Slack ist eine Erfahrung, die das Bild eines professionellen Unternehmens im Kopf des Nutzers erzeugt. Eine kohärente visuelle Identifikation ist in den Thumbnails der Einträge zu sehen, die geometrische Illustrationen sind. Slack hat uns an seine grafische Sprache gewöhnt, die leicht mit dieser Marke assoziiert wird. Der Slack-Blog ist minimalistisch, aber viele Arten von Inhalten sind dort zu finden. Von beworbenen Einträgen über vorgestellte Kategorien bis hin zu den meistgelesenen Artikeln. Viele verschiedene Arten von Artikeln haben ihre eigenen Abschnitte. Herausragend ist zum Beispiel der Teil, der die „Tipps & Tricks“-Beiträge sammelt. Kurze Slogans auf bunten Kacheln führen zu Lehrinhalten und Anleitungen. Diese visuelle Aufteilung der Blog-Hauptseite ermöglicht es, sich schnell in den vielfältigen Inhalten zurechtzufinden.

Airbnb – nicht offensichtlicher Minimalismus

https://blog.atairbnb.com/

Der Airbnb-Blog ist sehr minimalistisch. Auffällig ist, dass die Artikeltitel unsichtbar sind. Erst wenn man mit dem Mauszeiger über eines der Rechtecke mit Bildern fährt, erscheint der verborgene Text, der die Überschrift des Artikels darstellt. Nicht alle Beiträge haben eigene Grafiken, und für solche wurde ein Platzhalter vorgesehen – ein Rechteck mit einem Muster, das auf dem Firmenlogo basiert (offenbar muss nicht jeder Artikel ein Foto haben). Aufgrund einer solchen Lösung müssen Sie nach interessanten Artikeln suchen, indem Sie zwischen den Segmenten springen. Man kann sagen, dass diese Blog-Landung nur eine Liste von Einträgen ist. Abgesehen von dem versteckten Menü und der Schaltfläche „Mehr laden“ ist hier nichts weiter zu finden. Dies ist der Inbegriff des Minimalismus!
Auch die Form der Seiten mit den einzelnen Beiträgen ist begrenzt. Neben weiteren interessanten Funktionen finden Sie hier einen Lesefortschrittsbalken und eine Liste der Sprachen, in denen ein bestimmter Beitrag verfügbar ist. Wählt man eine davon aus, ändert sich die Sprachversion.

Nike – News mit tollen Produktfotos präsentiert

https://news.nike.com/

Die Nike-Produkte zeichnen sich seit jeher durch eine starke Betonung des Designs aus. Auf der Registerkarte mit den Nachrichten über einen der größten Sportartikelhersteller findet man ein Layout, das ganz auf die Präsentation des Produkts des Unternehmens ausgerichtet ist. Nike kann sich über die Menge an tollen Werbefotos nicht beklagen, und der Unternehmensblog ist die perfekte Kulisse für die Präsentation neuer Kampagnen oder Produkte. Das schwarz-weiße Farbschema macht es für diesen Zweck noch besser. Die Fotos sind hier der Inhalt, aber auch ein Anreiz, tiefer in die News-Sammlung einzusteigen. Das schlichte 3-Spalten-Layout wird nur durch den beworbenen Beitrag (am oberen Rand der Seite) und den Abschnitt mit den hervorgehobenen Links zwischen den aufeinanderfolgenden Zeilen der Blog-Kacheln gestört.
Die Unterseite eines einzelnen Beitrags besteht aus starker schwarz-weißer Typografie mit vielen bunten Fotos. In dieser minimalistischen Form ist jedoch Platz für eine interessante Funktion. Wenn Sie einen Beitrag zu Ende lesen, erscheint automatisch ein weiterer. Dank dieser Lösung müssen Sie nicht aufhören zu lesen, sondern können auf der gleichen Unterseite bleiben. Sie können bis ins Unendliche scrollen und immer mehr Artikel finden.

Droopler – Firmenwebsite mit Blog

Wenn Sie darüber nachdenken, Ihre Firmenwebsite zu erstellen, empfehle ich Ihnen, sie auf unserer Drupal-Distribution aufzubauen. Droopler ist eine vorgefertigte Website, die schon nach der Installation gut aussieht. In Droopler haben wir einen minimalistischen Blog erstellt, der sich hervorragend als Nachrichtenbereich auf einer Unternehmenswebsite eignet. Wir haben für ein lesbares und attraktives Erscheinungsbild auf den Bildschirmen sowohl von Computern als auch von mobilen Geräten gesorgt. Wenn Sie mehr über die Details erfahren möchten, klicken Sie auf erfahren Sie die Details über 5 Gründe, Ihre Unternehmenswebsite mit Droopler zu erstellen.