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