全体を通してシンプルな設計になっていて、トップページでは、左側に「WEBデザインカテゴリー」や「カラー別WEBデザイン」などのガイドメニューが表示されていることでサイトの内容がわかりやすくスムーズな閲覧が可能な設計です。「カラー別WEBデザイン」の項目には色見本が表示されていて、直感的に操作できる構成になっており、しっかりとユーザ視点が考えられた表示になっています。メインエリアにはWEBデザインの参考になるサイトのサムネイル画像が一覧で並んでいて、スッキリと見やすい構成がユーザの興味を抱かせる工夫となっています。無駄を削ぎ落としたシンプルな構成が気持ち良い閲覧を可能にしています。
執筆者
カテゴリ
基本情報
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と題し、様々な髪型のモデルが並んでいます。どん...
優しい・柔らかいなホームページのデザイン
-
「国本司法書士事務所様」のホームページデザイン解説トップページ最上部には電話用のボタンを用意しています。電話を連想させるイラストだけでなく電話番号や営業時間を端的に明記してありユーザーにとってわかりやすいデザインです。ファーストビュー下にはインフォメーションおよびセミナー情報が掲載されてい...
-
「ぬくもりのおうち保育」のホームページデザイン解説ファーストビューの画像は複数枚用意されており左右スクロールで切り替えることができます。その下には採用に関するバナーを掲載しており目立つデザインです。「ぬくもりの理念」については大きく3つのカテゴリーで家を連想させる枠内に表記しています。全体...
-
「絆整骨院」のホームページデザイン解説トップページ上部には子育てママを応援する旨記載をし、ターゲットユーザを具体化し、またその対象者に役立つサービスをイラストともに簡潔に表現しており伝えたい内容が明確です。ファーストビューすぐ下には整骨院のアクセス等の基礎情報が掲載されておりわ...
