サイトを開くとニュース項目リストが一目で確認できる仕組みになっていて、シンプルな構成がスムーズな閲覧を可能にしています。ニュース記事のリストは上部に設置されたカテゴリタブによって切り替えることができて、ユーザの興味のある情報が選択・閲覧しやすい設計になっています。スクロールしていくと「ニュースランキング」が表示され、サムネイル画像が並んだ表示によって内容がイメージしやすく、見やすい構成です。記事ページも同様に非常にシンプルな構成で見やすく、画像も拡大表示して閲覧することができて、簡潔な作りになっています。全体を通してスッキリと気持ちよく閲覧できるデザインで統一されていて、しっかりとユーザ視点が考えられたサイトです。
カテゴリ
基本情報
水道・ガス・電気・通信に関連するデザイン
- 「NTTレゾナント」のホームページデザイン解説
ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...
- 「教えて!goo」のホームページデザイン解説
メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...
- 「goo ランキング」のホームページデザイン解説
シンプルなサイトロゴにレッドの太いボーダーが引かれたナビゲーションバーが目を引きます。その下のカテゴリー一覧はカラフルなパステルカラーのラインが引かれ、各記事のカテゴリーアイコンの色と連動したデザインです。記事サムネイル、カテゴリー、タグ一...
Webメディアに関連するデザイン
- 「さぬきうどん未来遺産プロジェクト」のホームページデザイン解説
うどんチェーン店の運営するオウンドメディアで、うどんの歴史やトリビアを未来に伝えるプロジェクトのページです。コンテンツの見出しは新聞のレイアウトを想定させるレイアウトで配置され、フォントも新聞の見出しに近いものが使われています。下層ページで...
- 「Good life with Kinokawa」のホームページデザイン解説
画面右にナビゲーションメニューを配置し、メインエリアにムービーを大きく配置した迫力のあるファーストビューです。モノトーンのシンプルな色使いですが、丸みを帯びたフォントで書かれたタイトルと、アクセントに配置された小さく揺れる果物のイラストで親...
- 「WA・TO・BI – 和食の扉 -」のホームページデザイン解説
サイトにアクセスするとまず画面中央にサイトロゴが浮かび上がり、画面が切り替わると記事のキャプションと見出しを組み合わせたスライドショーが大きく流れる、迫力のあるファーストビューです。明朝体のフォントと、画面左に固定されたナビゲーションメニュ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
シンプルなホームページのデザイン
- 「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説
メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
- 「医療法人 敬愛会 末広橋病院」のホームページデザイン解説
メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...