「madameFIGARO.jp」のホームページデザイン解説

画面いっぱいに映しだされた着物の生地の写真がゆっくりとズームアウトするメインビジュアルは、画面中央に毛筆風のロゴと家紋のシンボルマークを組み合わせた店舗ロゴが重ねられ、高級感と物静かなたたずまいを感じさせます。縦書きの明朝体で書かれたコンテ...

サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小２枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...

トップページ上部にはおしゃれで洗練された商品紹介のための画像が並んでいます。中には動きがあるデザインもありページ内に動きのある印象を与えます。ECサイトとしてトップページ最上部には商品カゴのボタンが設定されている他、グローバルナビゲーション...

鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...

画面いっぱいに表示されたビジュアルがスクロールで次々と現れる一見シンプルなサイトですが、ビジュアルをクリックすると使用されているフォントの一覧と解説のページが表示され、フォントのサンプル文をワンクリックで変更出来たり、サイズや行間をスライダ...

クラフト紙風にノイズを乗せたテクスチャの上に、ラフなタッチで描かれた顔文字のようなカラフルな笑顔のロゴが親しみやすさを感じさせるファーストビューです。コンテンツのバックはピンク、オレンジ、グリーンのポップな色が敷かれ、分解したロゴマークをサ...

画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...

ファーストビューの背景に表示される細いラインのグラフィックが画面のスクロールに合わせてアニメーションで変化し、四隅にナビゲーションバーやSNSアイコンを配置して画面中央を大きく使うことで画面全体に迫力を生み出し、特にワイドモニターでの閲覧時...

画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...

画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...

ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...

サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...