グリーンの太いラインとレッドのベタで描かれたタイトルロゴのアニメーションのインパクトが大きく、訪れた人の目を惹きつけます。コンテンツのサムネイルはハーフトーン加工が施され、再生ボタンが重ねられており思わずクリックしたくなる仕掛けが施されています。画面をスクロールするとバーガーの写真がポップアップしたり、タイトルが上から垂れ幕のようにスライドインするなど見ていて楽しくなる演出がされており、無造作に配置したテキストでチラシのようにも見えるデザインです。淡いベージュにグリーンのテキストとレッドのアクセントカラーを使ったポップな色使いで、手書きの文字や装飾フォントを使い分けてにぎやかに仕上がっています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「近江ちゃんぽん亭」のホームページデザイン解説ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
-
「角中株式会社」のホームページデザイン解説メインビジュアルは写真とキャッチコピーを食い合わせたビジュアルのスライドショーで、キャッチコピーの一部をイエローとレッドに色を変え、レッドの部分のフォントサイズを上げることで迫力のある画面に仕上げています。コンテンツタイトルは鮮やかなレッド...
LPに関連するデザイン
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
-
「株式会社みんなのコンサルティング」のホームページデザイン解説画面幅いっぱいに配置した写真の上に太目のフォントでキャッチコピーを配置し、半透明のベタの上に企業の強みを並べた、インパクトのあるファーストビューです。ネイビーとくすんだグリーンをメインに、イエローをアクセントカラーにしたコントラストの強い配...
-
「電気ケトル特集ページ – タイガー魔法瓶」のホームページデザイン解説メインビジュアルは2枚の写真とキャッチコピーで構成されたスライドショーで、製品のカラーに合わせて画面全体が同系色に変化する演出です。製品紹介では各製品の切り抜き写真の下にカラーチップと色名が添えられており、クリックすると製品の色が変化する構...
グリーンを使ったデザイン
-
「学校法人峯学園 ひさみ幼稚園」のホームページデザイン解説メインビジュアルのスライドショーは角を丸くトリミングしており、背景に木のシルエットを思わせるグリーンのベタを配置して、手書き風のイラストを散りばめることで可愛らしい印象をまず与えます。濃淡2色のグリーンでまとめられた色使いと、円形にトリミン...
-
「株式会社山田興業」のホームページデザイン解説サイトを開くと画面幅いっぱいに表示されるメインビジュアルは、4枚の写真を組み合わせた中央にキャッチコピーを重ねた、事業内容のイメージが一目で掴める構成です。サービス紹介の一覧は写真をタイル状に並べ、ブラックのオーバーレイを重ねることで重厚感...
-
「東栄住宅設備株式会社」のホームページデザイン解説サイトを開くとリフォーム後の内装写真をタイル状に組み合わせた中に、グリーンのベタを組み込んでキャッチコピーを配置したさわやかなメインビジュアルが表示されます。ホワイトの背景に2色のグリーンをアクセントカラーにした色使いと、木目やペンキのテク...
ポップなホームページのデザイン
-
「株式会社りぶはあと」のホームページデザイン解説ぬいぐるみを多く取り入れたインテリアの写真と、メニューの下に配置されたぬいぐるみの寝そべる姿が可愛らしい印象をまず与えます。淡いベージュとブラウンを中心としたナチュラルな色使いで、スタンプ風のタイトルやサムネイルの手書き風のフォント、淡い水...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
-
「小金井自動車学校」のホームページデザイン解説ファーストビューでは画面幅いっぱいに教習所の紹介ムービーが流れ、中央には教習所の実績を表すキャッチコピーと、資料請求や仮入校申し込みなどの問い合わせへのリンクボタンが配置されています。オレンジとグリーンをアクセントカラーにした明るい色使いと...
