画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともにコンテンツがフェードインするアニメーションを施して画面に変化をつけています。メニュー紹介では写真を一切使わず、ペンの独特なタッチで描かれたパンのイラストは画面に現れるとともにふわっと色づいて、手作りパンの温かさを感じさせます。Google Mapの色もサイトの色使いに合わせたベージュに統一され、一体感を出しています。
カテゴリ
基本情報
飲食店に関連するデザイン
- 「ここのうどんは、生きている。丸亀製麺」のホームページデザイン解説
サイトにアクセスするとまず画面いっぱいにうどんの調理風景の動画が流れ、アップになったうどんの絵が食欲をそそります。画面左のメニューやコンテンツの見出しを縦書きにしたり、サムネイルの枠を暖簾やお品書き風にレイアウトするなど、和食との親和性の高...
- 「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説
画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
- 「Cheeseness Burger ToGo」のホームページデザイン解説
サイトにアクセスするとバーガーをかたどったロゴが画面中央に現れ、イエローのベタが緩やかに流れていくアニメーションはとろけるチーズを想像させます。画面が切り替わると自然な流れでバーガーの写真が現れて食欲をそそります。濃淡2色のイエローにブラッ...
店舗サイトに関連するデザイン
- 「日本料理 温石(おんせき)」のホームページデザイン解説
サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
- 「ドラマチックカリー ゴールデン中崎」のホームページデザイン解説
画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...
- 「Cheeseness Burger ToGo」のホームページデザイン解説
サイトにアクセスするとバーガーをかたどったロゴが画面中央に現れ、イエローのベタが緩やかに流れていくアニメーションはとろけるチーズを想像させます。画面が切り替わると自然な流れでバーガーの写真が現れて食欲をそそります。濃淡2色のイエローにブラッ...
ベージュを使ったデザイン
- 「古民家宿TOKITOKI」のホームページデザイン解説
和室の丸窓風にトリミングされた写真と、トリミングのない画面いっぱいの写真が交互に入れ替わるスライドショーがまず表示され、古民家の中と庭先から見た風景をイメージさせるファーストビューです。淡いベージュの背景に明朝体のフォントで、しっとりとした...
- 「YORKYS Creperie」のホームページデザイン解説
サイトを開くとまず画面いっぱいに動画が表示され、クレープの作られる工程と艶やかな果物やクリームが次々と大写しにされて、見る人の食欲をそそります。導入部分では画面をスクロールすると右から左に素材の紹介文がスクロールし、それに合わせて下から見切...
- 「TAKANOME (鷹ノ目)」のホームページデザイン解説
ファーストビューは窓辺に置かれた日本酒の瓶とワイングラスが画面いっぱいに表示され、同じ構図で光の加減が変化する様子が穏やかな空気感を生み出しています。画面のスクロールとともに写真をわずかにフェードアウトさせることで、閲覧者の視線を自然に引き...
イラスト・手書き感なホームページのデザイン
- 「合同会社 木漏れ日農園」のホームページデザイン解説
筆ペンで描いたような緩やかな雰囲気のロゴと、背景に散りばめられた版画風の枝や葉っぱのイラストで、農園の温かい雰囲気を伝えてくれるデザインが印象的です。コンテンツの区切りには写真を画面幅いっぱいに配置するなど高画質の写真をページ内に多用し、視...
- 「SPOT」のホームページデザイン解説
レンタルオフィスの予約サービスサイトです。ファーストビューは画面左にシンプルな手書きのイラスト、右にキャッチコピーを配置した、シンプルながらパッと目を引くデザインです。会議室の利用シーンの紹介では英語、日本語、イラストを組み合わせたビジュア...
- 「本と美容室」のホームページデザイン解説
ざらざらとした質感の上を版画風のアニメーションが揺らめき、左上の「本と美容室」というタイトルロゴと相まって、どんなページなのだろうという興味を閲覧者にまず持たせます。小説の本文を思わせる縦書きの明朝体でメインのキャッチコピーを置き、コンテン...