「ネスカフェ ドルチェ グスト」のホームページデザイン解説

鳩サブレで知られているお菓子メーカーのサイトで、サイトにアクセスすると画面いっぱいに大きく表示される鳩のイラストと、画面幅いっぱいに表示された鳩サブレやサブレの缶が流れていくアニメーションがインパクトを与えます。商品パッケージと同じイエロー...

ファーストビューは製品の利用シーンを写真で表したスライドショーになっており、それぞれのビジュアルが各コンテンツの紹介リンクになっています。スライドショーには切り替えボタンも付いており、任意で表示するビジュアルを変更することも可能です。淡いベ...

サイトにアクセスすると画面いっぱいに焼酎を楽しむ男女のムービーが流れ、左上に重ねたロゴと左下のシアーをかけたキャッチコピーが合わさってポスターのようなイメージを感じさせます。画面をスクロールするとコンテンツがフェードインする効果は左右に泡の...

ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...

サイトを開くと鉄板の上で肉が焼ける様子が動画で流れ、動画には手書き風の店主の似顔絵が重ねられています。ホワイトのすっきりとした画面は清潔感を感じさせ、商品のキャプションやキャッチコピーを縦書きにすることで、和食らしさを出しています。画面左下...

イタリアのコーヒーブランドのECサイトです。ファーストビューではコーヒー農園の写真と商品のスライドショーを組み合わせてメインビジュアルとしており、スライドショーにはカートボタンが設置されていてそのまま購入も可能です。リンク部分のラインにオレ...

メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...

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

ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...

サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...

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