画面いっぱいに表示されたスライドショーにキャッチコピーが重ねられたシンプルなファーストビューですが、高品質の写真をふんだんに使ってカフェのメニューと空間の魅力を引き出しています。タイトルに添えられたゴールドの筆記体がお洒落かつ高級感を与えるあしらいと、ベージュとピンクをアクセントカラーにした可愛らしい色使いが目を引くデザインです。メニュー一覧の上にはカテゴリーのアイコンが配置され、クリックすると絞り込みがかけられる動きが小気味よいです。視差効果を使って表示された店内の写真は、店内を広く見せています。
カテゴリ
基本情報
カフェ・喫茶店に関連するデザイン
- 「MORIHICO.」のホームページデザイン解説
写真とロゴタイプ・イラストを組み合わせたポップで華やかなスライドショーが目を引くファーストビューです。コンテンツのサムネイルはグリッドレイアウトで規則正しく並べられ、区切りに店内写真を画面幅いっぱいに帯状に配置しています。モノトーンの色使い...
- 「MM MARKET & CAFEみなとみらい店」のホームページデザイン解説
画面右から左に店舗と料理の写真が流れるスライドショーは力強い英語フォントのキャッチコピーが重ねられ、シンプルながらも料理と店舗の魅力を引き出しています。ホワイトと淡いベージュの背景にブラックのテキストを組み合わせたシンプルなデザインで、大き...
- 「JINNAN HOUSE」のホームページデザイン解説
トップページ上部には、買い物カゴ、グローバルナビゲーション、検索バーを用意しユーザビリティに優れた設計です。用いられている画像は全体的に統一感のあるエフェクトを用いた落ち着いたナチュラルな印象を与えます。またコンセプトメッセージや背景に白を...
店舗サイトに関連するデザイン
- 「日本料理 温石(おんせき)」のホームページデザイン解説
サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
- 「手作りパンの店チロル」のホームページデザイン解説
画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...
- 「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説
画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
ベージュを使ったデザイン
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
- 「古民家宿TOKITOKI」のホームページデザイン解説
和室の丸窓風にトリミングされた写真と、トリミングのない画面いっぱいの写真が交互に入れ替わるスライドショーがまず表示され、古民家の中と庭先から見た風景をイメージさせるファーストビューです。淡いベージュの背景に明朝体のフォントで、しっとりとした...
- 「YORKYS Creperie」のホームページデザイン解説
サイトを開くとまず画面いっぱいに動画が表示され、クレープの作られる工程と艶やかな果物やクリームが次々と大写しにされて、見る人の食欲をそそります。導入部分では画面をスクロールすると右から左に素材の紹介文がスクロールし、それに合わせて下から見切...
シンプルなホームページのデザイン
- 「日本料理 温石(おんせき)」のホームページデザイン解説
サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
- 「スマトラサンバル」のホームページデザイン解説
メインビジュアルの料理の写真を左右に、メニューを中央に配置したファーストビューです。メニューのエリアは商品パッケージにも使われているテクスチャを薄く敷き、小さな唐辛子のアイコンを店舗ロゴやコンテンツのタイトルに添えることで、商品のピリッと辛...
- 「kiki」のホームページデザイン解説
ファーストビューではクオリティの高い写真で構成された写真で構成されたスライドショーが画面いっぱいに広がり、優しくズームアウトする写真の数々が製品の魅力を惹きつけています。それぞれのスライドには製品名と購入ページへのリンクが配置されており、そ...