サイトを開くとキャッチコピーとともに大きくお皿に並べられた餃子の写真が表示され、閲覧者の目を引きつけます。画面を大きく使い、コンテンツの入り口として写真をタイル状に並べたレイアウトで、店舗ロゴやコンテンツタイトルのレンガ色がアクセントになった、食器のホワイトを生かした清潔感あるデザインです。画面をスクロールするとコンテンツが浮かび上がるだけでなく、トップのロゴは表示とともに湯気があがるような効果が重ねられており、飲食店らしさを演出しています。オンラインショップのページは焼く前の餃子と一緒に中身の具材を組み合わせたユニークな写真をサムネイルに使用されており、使う写真1枚1枚にも細やかな気遣いが感じられます。
カテゴリ
基本情報
飲食店に関連するデザイン
- 「熊本らーめん」のホームページデザイン解説
サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
- 「近江ちゃんぽん亭」のホームページデザイン解説
ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
- 「角中株式会社」のホームページデザイン解説
メインビジュアルは写真とキャッチコピーを食い合わせたビジュアルのスライドショーで、キャッチコピーの一部をイエローとレッドに色を変え、レッドの部分のフォントサイズを上げることで迫力のある画面に仕上げています。コンテンツタイトルは鮮やかなレッド...
店舗サイトに関連するデザイン
- 「熊本らーめん」のホームページデザイン解説
サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
- 「つば甚」のホームページデザイン解説
金沢の料亭のWebサイトで、サイトを開くと自然の風景と店舗の料理を組み合わせたムービーが再生され、高級感とドラマチックな印象をまず感じさせます。コンテンツは横長の写真に縦書きのテキストを組み合わせており、縦方向がコンパクトにまとまっているた...
- 「甘党 はち乃木」のホームページデザイン解説
暗い背景の中から浮かび上がる小鉢の写真と、添えられた縦書きのキャッチコピーが高級感を感じさせるファーストビューです。和紙風の淡い灰色の背景と、筆で描いたようなラフなタッチのイラストが和のイメージを感じさせます。差し色にベージュを使ったナチュ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
シンプルなホームページのデザイン
- 「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説
メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
- 「医療法人 敬愛会 末広橋病院」のホームページデザイン解説
メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...