ファーストビューで使われている写真がゆっくりとズームインして、長い間隔のオーバーラップで次の写真へと切り替わっていくことで和の情緒溢れる穏やかな印象を演出しています。また、全体を通して使用する文字も小さく控えめな印象に設定してコンセプトに即した表現となっています。サイトメニューはシンプルな構成で、各下層ページへのリンクがサムネイル画像を使っていてわかりやすい表示です。写真にカーソルを合わせると、半透明ネイビーのエフェクトがかかり、「詳細をみる」の表示が現れる仕組みが親切な設計でユーザ視点を考えられています。商品紹介ページから買い物かごに入れるをクリックしてそのままネット購入できる点も導線がスムーズでクオリティの高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「手作りパンの店チロル」のホームページデザイン解説画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...
-
「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
-
「Cheeseness Burger ToGo」のホームページデザイン解説サイトにアクセスするとバーガーをかたどったロゴが画面中央に現れ、イエローのベタが緩やかに流れていくアニメーションはとろけるチーズを想像させます。画面が切り替わると自然な流れでバーガーの写真が現れて食欲をそそります。濃淡2色のイエローにブラッ...
店舗サイトに関連するデザイン
-
「日本料理 温石（おんせき）」のホームページデザイン解説サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
- 「手作りパンの店チロル」のホームページデザイン解説
画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...
- 「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説
画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
ベージュを使ったデザイン
-
「古民家宿TOKITOKI」のホームページデザイン解説和室の丸窓風にトリミングされた写真と、トリミングのない画面いっぱいの写真が交互に入れ替わるスライドショーがまず表示され、古民家の中と庭先から見た風景をイメージさせるファーストビューです。淡いベージュの背景に明朝体のフォントで、しっとりとした...
-
「YORKYS Creperie」のホームページデザイン解説サイトを開くとまず画面いっぱいに動画が表示され、クレープの作られる工程と艶やかな果物やクリームが次々と大写しにされて、見る人の食欲をそそります。導入部分では画面をスクロールすると右から左に素材の紹介文がスクロールし、それに合わせて下から見切...
-
「TAKANOME (鷹ノ目)」のホームページデザイン解説ファーストビューは窓辺に置かれた日本酒の瓶とワイングラスが画面いっぱいに表示され、同じ構図で光の加減が変化する様子が穏やかな空気感を生み出しています。画面のスクロールとともに写真をわずかにフェードアウトさせることで、閲覧者の視線を自然に引き...
かっこいいなホームページのデザイン
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「多摩美術大学 情報デザイン学科 情報デザインコース」のホームページデザイン解説ファーストビューでは画面いっぱいにブルーのベタが表示された後画面が切り替わり、大学内の様子がスライドで紹介されます。ゴシック体のフォントのタイトルと大きめのフォントの本文が力強いイメージを感じさせるデザインです。ベタを殆ど使わないモノトーン...
-
「Waitless」のホームページデザイン解説サイトを開くと真っ白なテーブルの上にお皿が現れ、画面が切り替わると女性の体の写真とサプリメントのパッケージが左右それぞれに表示される演出で、女性の美容と健康に関連したサイトだということが一目でわかります。ホワイトの背景にグレーのテキストを乗...
