サイトを開くとニュース項目リストが一目で確認できる仕組みになっていて、シンプルな構成がスムーズな閲覧を可能にしています。ニュース記事のリストは上部に設置されたカテゴリタブによって切り替えることができて、ユーザの興味のある情報が選択・閲覧しやすい設計になっています。スクロールしていくと「ニュースランキング」が表示され、サムネイル画像が並んだ表示によって内容がイメージしやすく、見やすい構成です。記事ページも同様に非常にシンプルな構成で見やすく、画像も拡大表示して閲覧することができて、簡潔な作りになっています。全体を通してスッキリと気持ちよく閲覧できるデザインで統一されていて、しっかりとユーザ視点が考えられたサイトです。
カテゴリ
基本情報
水道・ガス・電気・通信に関連するデザイン
- 「NTTレゾナント」のホームページデザイン解説
ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...
- 「教えて!goo」のホームページデザイン解説
メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...
- 「goo ランキング」のホームページデザイン解説
シンプルなサイトロゴにレッドの太いボーダーが引かれたナビゲーションバーが目を引きます。その下のカテゴリー一覧はカラフルなパステルカラーのラインが引かれ、各記事のカテゴリーアイコンの色と連動したデザインです。記事サムネイル、カテゴリー、タグ一...
Webメディアに関連するデザイン
- 「madameFIGARO.jp」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、ファッション情報を掲載しています。グローバルナビにてビューティ、トラベルやカルチャーなどを案内しています。トップページの中央に、madameFIGARO.jpの週間...
- 「VOGUE JAPAN」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、VOGUE JAPANのファッションブランドを紹介しています。グローバルナビにてビューティ、ライフスタイルなどを案内しています。トップページの中央に、VOGUE J...
- 「TOKYO VOICE WEB」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、TOKYO VOICEのオリジナル記事を紹介しています。3本ラインのメニューボタンにて話題のニュース、オンラインショップなどを案内しています。トップページは2カラム...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
シンプルなホームページのデザイン
- 「介護付有料老人ホーム アンサンブル&ファミニュー」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...
- 「博報堂 HAKUHODO Inc.」のホームページデザイン解説
ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...
- 「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説
グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中!」のオレンジのアイコンが貼ってあります。グローバルナビにて...