ナチュラルでおしゃれな雰囲気にまとめられていて、閲覧していて穏やかな気持ちになるようなサイトです。画面の三分の二程度のサイズに統一された商品写真が左に流れて切り替わっていくファーストビューになっており、写真の絶妙なサイズによって次の商品写真が画面に少し見切れるよう設計されているところにデザイナーのセンスを感じます。また、取り扱っている商品の紹介は余白のあるサムネイル一覧表示で整然と並べられている為見やすく、カテゴリごとの表示に切り替えることもできてユーザ視点を考えられた設計になっています。商品の詳細ページでは写真が際立つページ構成になっていて、購入ページへの導線もスムーズで非常に親切なサイトに仕上がっています。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「ユニ・チャーム」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、ユニ・チャームのロゴマークのまわりにイラストが描かれています。グローバルナビにてユニ・チャームの企業情報、商品情報やキャンペーンなどを案内しています。トップページの中...
-
「SUNSTAR オンラインショップ」のホームページデザイン解説ヘルスケア用品中心のECサイトにふさわしい、ホワイトと淡いグリーンを中心にした清潔感のある色使いをベースに、ややくすんだ柔らかい色味でアクセントをつけて優し気な印象を与えています。ナビゲーションメニューのキャンペーンのリンクのみ鮮やかなオレ...
-
「IDEE SHOP Online」のホームページデザイン解説メインビジュアルは小さなスライドショーで、取扱商品の使用シーンを想定した写真がリズミカルに流れる構成ですが、ネイビーのベタを全面に使ったセール告知を混ぜることで、他の柔らかい写真とコントラストをつけて目立たせています。またこのスライドショー...
ECサイトに関連するデザイン
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「inGENERAL」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、inGENERALのファッション情報を紹介しています。グローバルナビにてファッション、ライフスタイルなどを案内しています。トップページの中央に、最新のニュースを掲載...
-
「SOLES GAUFRETTE」のホームページデザイン解説画面右半分にスライドショーで切り替わる画像領域を設置して、左側に大きくテキストを表示したファーストビューが、目を引く演出になっています。画像が切り替わると同時にテキストも切り替わり、画面全体に大きな動きがあることで興味を抱かせる効果となって...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...