サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックするとラーメンの魅力と美味しさの秘訣が写真と手書き風のテキストで次々と紹介されていきます。ナビゲーションメニューやコンテンツのタイトルには筆で書いたようなラフなタッチのラインをアクセントに使い、ブラックとレッドをメインにした色使いで画面に重厚感を生み出しています。画面下のページを先頭に戻るボタンはクリックするとキャラクターのイラストが画面上部まで飛び出して落下する、ユニークな仕掛けがされています。
カテゴリ
基本情報
飲食店に関連するデザイン
- 「近江ちゃんぽん亭」のホームページデザイン解説
ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
- 「角中株式会社」のホームページデザイン解説
メインビジュアルは写真とキャッチコピーを食い合わせたビジュアルのスライドショーで、キャッチコピーの一部をイエローとレッドに色を変え、レッドの部分のフォントサイズを上げることで迫力のある画面に仕上げています。コンテンツタイトルは鮮やかなレッド...
- 「かつぼ屋」のホームページデザイン解説
サイトを開くと和菓子を大きく映した写真が次々と表示され、その上に店舗ロゴとキャッチコピーが重ねられたメインビジュアルが表示され、美しさに目を惹きつけられます。画面をスクロールするとコンテンツがふわっと浮かび上がるアニメーションで落ち着いた空...
店舗サイトに関連するデザイン
- 「あづみのるベーカリー」のホームページデザイン解説
ファーストビューでは家の形にトリミングされたスライドショーに、手書き風の英語フォントで書かれた店舗名があしらわれ、画面左にグリーンの帯を敷いてメニューを配置しています。画面幅いっぱいに広がる自然の風景、タイル状に並んだパンの写真、柔らかい曲...
- 「つば甚」のホームページデザイン解説
金沢の料亭のWebサイトで、サイトを開くと自然の風景と店舗の料理を組み合わせたムービーが再生され、高級感とドラマチックな印象をまず感じさせます。コンテンツは横長の写真に縦書きのテキストを組み合わせており、縦方向がコンパクトにまとまっているた...
- 「甘党 はち乃木」のホームページデザイン解説
暗い背景の中から浮かび上がる小鉢の写真と、添えられた縦書きのキャッチコピーが高級感を感じさせるファーストビューです。和紙風の淡い灰色の背景と、筆で描いたようなラフなタッチのイラストが和のイメージを感じさせます。差し色にベージュを使ったナチュ...
ブラックを使ったデザイン
- 「サンファーネス株式会社」のホームページデザイン解説
サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...
- 「KALPA」のホームページデザイン解説
ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
- 「あみけん」のホームページデザイン解説
ノイズをわずかにかけたブラックの背景に、ラフなタッチの太いラインで囲まれたスライドショーがポップアップし、画面右にはブロック体でキャッチコピーがスクロールする迫力のあるファーストビューです。丸みを帯びたラフなタッチのタイトルや本文のフォント...
イラスト・手書き感なホームページのデザイン
- 「学校法人峯学園 ひさみ幼稚園」のホームページデザイン解説
メインビジュアルのスライドショーは角を丸くトリミングしており、背景に木のシルエットを思わせるグリーンのベタを配置して、手書き風のイラストを散りばめることで可愛らしい印象をまず与えます。濃淡2色のグリーンでまとめられた色使いと、円形にトリミン...
- 「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説
画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
- 「CoCoRo」のホームページデザイン解説
サイトにアクセスすると、ナビゲーションメニューの下にカルーセルが配置され、主要なトピックスやキャンペーンのビジュアルが次々表示されます。濃淡2色のピンクをアクセントカラーにして、ドロップシャドウでふんわりとした空気を演出したデザインです。手...