ブログは、長年にわたってウェブサイトの不可欠な部分となっています。 ほとんどすべての企業サイトには、ニュースや記事のリストを見つけることができるタブがあります。 この記事では、デザインの点で際立っている有名ブランドのブログを6つ紹介します。

Evernote – or minimalism of form

https://evernote.com/blog/

ブログのメインページは、清潔感、秩序、可読性が際立っています。 白を多用し、文字が多すぎて読者の目に負担をかけないようにすることで、ユーザーは喜んで記事の一覧を見て回り、写真や抽象的なイラストが添えられていて、記事の内容に言及しているおかげで目立つ目を引く記事を簡単に選ぶことができるのです。 これらはすべて、同社が選んだカラースキームの中に収められ、押し付けがましくない形で一貫した感覚を構築しています。 ウェブページのレイアウトは、2列と3列を基本としており、管理者が大きな画像を選択することで、選択したコンテンツを宣伝することができます。 また、ウェブページの上部にある「特集」セクションは、単一のエントリに完全に特化されており、投稿を促進するのに役立っています。 読者は、Evernoteが「最も重要であると認めた」ものをすぐに知ることができます。
エントリーのサブページが、ユーザーをコンテンツに集中させる。 視覚的な要素に気を取られることがない。 最も重要なのは、コンテンツなのです。 記事のウェブページは、見出し、リンク、写真の選択に重点を置いた、単に整ったノートであるという印象さえ受けるかもしれない。 コメント欄は、企業サイトではほとんど見られません。

Starbucks – curiosity-arousing diversity

https://stories.starbucks.com/

世界最大のコーヒーハウスチェーンのブログを訪れると、すぐにそのコンテンツの多様性を体験することができます。 記事専用の視覚的なブロックの種類がたくさんあります。 管理者は、明確な階層構造に基づいて配置された多くの異なるモジュールを自由に使用できます。 記事が下にあるほど、その領域は小さくなります。 重要度の高い記事にはイラストが添えられ、重要度の低い記事にはタイトルに関連する画像はありません。 スターバックスのウェブサイトは、ライフスタイル雑誌のように閲覧することができます。 下にスクロールすると、コンテンツを持つ新しいタイプのブロックが現れる。 トピック（ストーリー）ごとに明確に分けられ、同社のVODライブラリも紹介されている。 スターバックスのブログには、カバーを紹介するスライダーがある。 Netflixのライブラリのようですが、規模は小さいです。
エントリーのサブページでは、目を引くタイポグラフィーと、ハイライトされた写真やイラストが表示されます。

サムスン – 全世界とのコミュニケーションツール

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

この巨大電子企業のブログは、企業や製品のニュースを紹介するツールである。 ライフスタイルや特集記事などは、あまり見られません。 サムスンのウェブサイトは、この韓国のグループの多くの事業を紹介する会社の情報板です。 スターバックスのブログと同じように、記事のリストを掲載したブロックが多く見られる。 その他にも、ハイライトされたエントリーを表示するスライダー、最新記事のリスト、ビデオセクション、ハイライトされたリンクのリスト、メインカテゴリーのラベルが明確に定義されたコラムなど、多くの要素があります。 さまざまなコンテンツがあるにもかかわらず、ウェブサイトは読みやすい。 主に、記事の数が限られているためです。 ここではスクロールすることはあまりなく、目を引く製品写真や強調された見出しが読者の注意を引きます。 興味深いコンテンツをすぐに見つけ、指定された記事のサブページに移動することができます。 ブログのウェブサイトには、ニュースレターを購読するオプションもあります。

1つのエントリーのサブページには、広範な記事を掲載するのに十分なスペースがあります。 それでも、通常は、会社関連のニュースに関するプレスリリースのような短いエントリを見つけることができます。 サムスンは、カテゴリとタグの間の便利なナビゲーションに気を配りました。 この巨大企業は、関連するコンテンツの明確なリストを提供することで、ユーザーが関連記事間を容易に移動できるようにしたいと考えています。

Slack – シンプルなイラストの力

https://slackhq.com/

Slackの公式ブログを訪問することは、ユーザーの頭の中にプロの企業のイメージを作り出す体験となります。 首尾一貫した視覚的な識別は、幾何学的なイラストであるエントリのサムネイルに見ることができます。 Slackは、このブランドと容易に関連付けられる彼らのグラフィック言語に私たちを慣れさせています。 Slackのブログはミニマルですが、そこには多くの種類のコンテンツが見られます。 宣伝用エントリーから、特集カテゴリー、最も読まれている記事まで。 多くの種類の記事には、それぞれ専用のセクションがあります。 例えば、「Tips & Tricks」の記事を集めたコーナーが目立ちます。 カラフルなタイルに書かれた短いスローガンが、解説コンテンツやガイドにつながります。

Airbnb – nonobvious minimalism

https://blog.atairbnb.com/

Airbnb ブログは非常にミニマルなデザインです。 印象的なのは、記事のタイトルが見えないということです。 写真付きの長方形の 1 つにカーソルを置くと、記事のヘッダーである隠されたテキストが表示されます。 すべての記事に専用のグラフィックがあるわけではなく、そのようなものには、会社のロゴに基づくパターンの長方形というプレースホルダーが用意されています (すべての記事に写真が必要なわけではないらしいです)。 このようなソリューションのため、興味深い記事を探すには、セグメント間をジャンプする必要があります。 このブログの着地点は、単なるエントリーのリストと言えます。 隠しメニューと「load more」ボタン以外には、何も見当たりません。 これぞミニマリズムの典型です。
個別の記事を含むウェブページの形態も限定されています。 さらに興味深い機能として、読書進捗バーと、ある記事が読める言語のリストがあります。

Nike – 優れた製品写真で紹介するニュース

https://news.nike.com/

Nike 製品は、常にそのデザインに強い重点を置いていることが特徴となっています。 最大のスポーツ用品メーカーの 1 つに関するニュースを含むタブでは、会社の製品を紹介することにしっかりと焦点を当てたレイアウトを見ることができます。 ナイキは素晴らしい広告写真の量に文句を言うことはできませんし、企業ブログは新しいキャンペーンや製品を紹介するのに最適な背景となっています。 白と黒の配色は、この目的のためにさらに良いものにしています。 写真はここでのコンテンツであると同時に、インセンティブはニュースコレクションに深く入り込んでいきます。 シンプルな3カラムのレイアウトは、宣伝用の記事（ウェブページの最上部）と、連続するブログタイルの列の間にある強調されたリンクのセクションによってのみ邪魔されます。
単一の記事のサブページは、多くのカラフルな写真と強い黒と白のタイポグラフィーで構成されています。 しかし、このミニマムな形の中に、面白い機能があるのです。 ひとつの記事を読み終えると、自動的に別の記事が表示されるのです。 そのおかげで、読むのを中断することなく、同じサブページにとどまることができるのです。

Droopler – ブログを含む企業ウェブサイト

企業のウェブサイトの構築を考えているなら、私たちの Drupal ディストリビューションをベースにすることをお勧めします。 Droopler は、デザイン済みの既製の Web サイトであり、インストール後にすでに素晴らしい外観を実現しています。 Droopler では、企業ウェブサイトのニュースセクションとして最適な、ミニマルなブログを提供しました。 パソコンと携帯端末のどちらの画面でも読みやすく、魅力的な外観になるように気を配りました。 もっと詳しく知りたい方は、「Drooplerで企業サイトを構築する5つの理由」

の詳細を学ぶをクリックしてください。