宝石のように煌びやかなチョコレートを綺麗に並べた写真が、画面いっぱいに現れて目を奪われます。その後長めの間隔のオーバーラップで次の写真に切り替わることで高級感のある演出が施されています。スクロールすると現れるサイトメニューの表示には全て全画面サイズの写真が使われていてインパクトのあるおしゃれなトップページを構成しています。メニューごとに設置された下層ページへのリンクをクリックすると、コンセプトページでは写真をメインに使ったわかりやすい説明が記載されていて、商品紹介ページでは一つ一つのチョコレートが綺麗にトリミングされたサムネイル写真で一覧表示されています。全てに説明が添えられていて、チョコレートを眺めているだけでも楽しめるようなサイトになっています。
執筆者
カテゴリ
基本情報
ショップに関連するデザイン
-
「Roju」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューには、Roju（ロジュ）の店内が写っています。「SHOW REEL」の矢印をクリックすると、動画を見ることができます。3本ラインのメニューボタンにて、Rojuの店舗情報やサービ...
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「FABRIC TOKYO」のホームページデザイン解説全画面の画像がファーストビューに使われていて、サイトを開くとまず画像が目に飛び込んで来ることでインパクトのある演出になっています。画像はスライドショーで切り替わることでユーザの興味を抱かせる工夫になっており、それぞれの画像の背景が色分けされ...
店舗サイトに関連するデザイン
- 「Roju」のホームページデザイン解説
ブラックをベースに白抜き文字を使ったサイトです。ファーストビューには、Roju（ロジュ）の店内が写っています。「SHOW REEL」の矢印をクリックすると、動画を見ることができます。3本ラインのメニューボタンにて、Rojuの店舗情報やサービ...
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
高級感・リッチなホームページのデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...