サイトを開くと和菓子を大きく映した写真が次々と表示され、その上に店舗ロゴとキャッチコピーが重ねられたメインビジュアルが表示され、美しさに目を惹きつけられます。画面をスクロールするとコンテンツがふわっと浮かび上がるアニメーションで落ち着いた空気感を演出し、テキストはすべて明朝体で、見出しはすべて縦書きです。和紙風のテクスチャや伝統模様のタイリングを背景に敷いて和のイメージを表しています。導入部分には和菓子の切り抜き写真を散りばめ、高級感だけでなく可愛らしく親しみやすい雰囲気も感じさせます。画面右にはお取り寄せのボタンが常に配置されていて、クリックすると通販サイトに移動します。
カテゴリ
基本情報
飲食店に関連するデザイン
- 「熊本らーめん」のホームページデザイン解説
サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
- 「近江ちゃんぽん亭」のホームページデザイン解説
ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
- 「角中株式会社」のホームページデザイン解説
メインビジュアルは写真とキャッチコピーを食い合わせたビジュアルのスライドショーで、キャッチコピーの一部をイエローとレッドに色を変え、レッドの部分のフォントサイズを上げることで迫力のある画面に仕上げています。コンテンツタイトルは鮮やかなレッド...
サービスサイトに関連するデザイン
- 「島田工房」のホームページデザイン解説
メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
- 「株式会社中島利七_利七屋」のホームページデザイン解説
メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
- 「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説
画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
和・レトロなホームページのデザイン
- 「熊本らーめん」のホームページデザイン解説
サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
- 「備前焼 伊勢崎紳」のホームページデザイン解説
画面右に帯状に配置されたメニューはサイト名とメニューが縦書きの明朝体で書かれており、次々に表示される陶器の高品質な画像と合わせて和のイメージと高級感をまず与えます。画面をスクロールするとメニューの幅が広がってコンテンツが表示される演出がされ...
- 「豊恩株式会社」のホームページデザイン解説
メインビジュアルは横長の写真を使い、サービスの内容を縦書きで重ねています。その下に配置されたキャッチコピーまでが1画面に入るため、サービス内容が一目でわかるように配慮されています。1カラムのレイアウトですが写真と背景をずらして重ねた自由なレ...