ファーストビューには商品写真とキャラクタのイラストが使われていて可愛らしいポップな雰囲気を演出しています。メニューや見出しに使われている文字も可愛らしいフォントで、見ていて楽しくなる構成です。スクロールしていくとキャラクタが講義を行っているようなイラストで商品に使われるチョコレートの効果や栄養素などを説明していて、楽しみながら読み進められるデザインとなっています。商品のラインナップ紹介のコンテンツでは、商品の写真がベルトコンベアのイラストに乗って運ばれてくるというモーションが見られて面白みを感じます。ユーザが楽しみながら商品情報を知ることができる素晴らしいサイトです。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「Pride.RU」のホームページデザイン解説ファーストビューで大きく掲載されたホワイト一色で統一された工具類の写真が、ユーザの興味を刺激するような演出になっていて、サイトの導入として効果的な演出です。スクロールしていくと、サムネイル画像を用いて商品を紹介しており、見やすい構成がしっか...
-
「ダイキン」のホームページデザイン解説グレーをベースに、ブルーやブラックをアクセントにしたサイトです。ファーストビューでは、空気のキレイな海上の画像が使われています。グローバルナビにてダイキンの企業情報、サポートなどを案内しています。サポートとして「個人のお客様」と「法人のお客...
-
「ノーリツ ユーザサポート」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シャワーのイラストが描かれています。グローバルナビにてノーリツの商品情報、アフターサポートなどを案内しています。トップページの中央に、「おふろ部」や「毎日グリル部」を...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ブラウンを使ったデザイン
-
「UZABASE」のホームページデザイン解説トップページ中ほどに表示された「The7Values」の項目では、表示された1〜7のリストそれぞれにカーソルを合わせることで右側に表示されたラフなイメージの図形が切り替わる仕組みになっていて、ちょっとした演出がユーザの興味を抱かせる工夫とな...
-
「LOVE FAMILY FURNITURE」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、ラブファミリーの店内が写っています。グローバルナビにてファニチャーやコーディネート、雑貨やギフトなどを案内しています。トップページは2カラム構成で、左サイドではラブ...
-
「MAST-WEB」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューでは、全国の沿線・エリアから物件を探せます。グローバルナビにて、首都圏エリアの賃貸物件情報を案内しています。トップページの中央に、ライフスタイル別の物件情報を掲載していま...
ポップなホームページのデザイン
- 「Viens-là」のホームページデザイン解説
ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「Overpass」のホームページデザイン解説ビビッドでカラフルなオブジェクトをメインに構成されたサイトデザインになっていて、鮮やかでポップな雰囲気が演出されています。ファーストビューでは右側に配置されたブルーの背景上に人物の写真が表示されており、スライドショーで切り替わる仕組みになっ...