画面全体を覆う大きなスライドショーが目を引くレイアウトで、画面をスクロールするとコンテンツがふわりと浮かび上がったり、背景のパララックス効果を取り入れることでシンプルながらも目を引く作りになっています。角丸長方形のリンクバナーは右下の角をカットしたようなあしらいを入れたり、木目のテクスチャを生かした背景を随所に配置することで、店舗の内装のイメージもうまくデザインの中に取り込まれており、手書き風のフォントや水彩風のドットのテクスチャもナチュラルなイメージを添えるのに一役買っています。
カテゴリ
基本情報
カフェ・喫茶店に関連するデザイン
- 「有限会社キッツェミサ_オンラインショップ」のホームページデザイン解説
サイトを開くと、スイーツのアップの写真を使ったスライドショーが画面幅いっぱいに広がり、閲覧者の食欲をそそります。スライドショーの上に配置されたクレヨンで描いたようなタッチのロゴが可愛らしく、親しみやすさを感じさせます。下層ページは帯状にトリ...
- 「お茶と酒 たすき」のホームページデザイン解説
サイトにアクセスすると、まず画面いっぱいにかき氷の写真を使ったスライドショーが表示され、画面左上には店舗ロゴ、右上にはハンバーガーメニューが配置されています。メインページは画面中央に季節商品のかき氷の写真が縦1列に並び、それぞれマウスオーバ...
- 「MORIHICO.」のホームページデザイン解説
写真とロゴタイプ・イラストを組み合わせたポップで華やかなスライドショーが目を引くファーストビューです。コンテンツのサムネイルはグリッドレイアウトで規則正しく並べられ、区切りに店内写真を画面幅いっぱいに帯状に配置しています。モノトーンの色使い...
サービスサイトに関連するデザイン
- 「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説
地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
- 「株式会社東名_オフィス光119」のホームページデザイン解説
メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
- 「salon de You_vary clue」のホームページデザイン解説
メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
グリーンを使ったデザイン
- 「グリーンパル株式会社」のホームページデザイン解説
骨董品をアップで撮影した写真が次々と表示されるスライドショーに、短冊状のキャッチコピーと骨董品の切り抜き写真を重ねた、高級感と落ち着きを感じさせるファーストビューです。1カラムのレイアウトでマージンを大きく取って、コンテンツの切り替え部分は...
- 「三条リネンサプライ株式会社」のホームページデザイン解説
メインビジュアルは中央に菱形のスペースを設けてキャプションを配置した画像を3枚使ったスライドショーで、サービス内容を簡潔に紹介しています。ホワイトと淡いブルーのグラデーションで背景を切り替えたさわやかな色使いです。コンセプト紹介の部分は写真...
- 「7丁目ギター教室」のホームページデザイン解説
メインビジュアルは3枚の画像で構成されたスライドショーで、レッスン風景の画像、キャンペーン、LINE予約の案内画像で構成されています。グリーンをメインにした落ち着いた色使いで、タイトルは筆記体の英語フォントと楽器のイラストアイコンを添えてい...
シンプルなホームページのデザイン
- 「東海キャスター株式会社」のホームページデザイン解説
メインビジュアルは横長のスライドショーで、特にサイトを開いてすぐに表示される、製品のアップを映した重厚感のある写真が目を引きます。鮮やかなブルーのグラデーションとフラットなグリーンに、カタログ請求や資料請求ボタンのイエローが映える色使いで、...
- 「株式会社ユースペースプランニング」のホームページデザイン解説
メインビジュアルは建物の外観と内装写真で構成されたスライドショーに企業ロゴを重ねたレイアウトです。タイトルは太めの英語フォントで力強く書かれ、本文のフォントを小さめにすることでジャンプ率を上げてメリハリをつけています。モノトーンの色使いと夜...
- 「株式会社 せらら工房」のホームページデザイン解説
メインビジュアルのスライドショーは写真の中央に企業ロゴを小さく配置したレイアウトで、特に1枚目の写真は鮮やかな赤いレンガの家の外観写真を大きく使い、インパクトを与えます。写真と背景を自由なレイアウトで配置し、背景はコンテンツごとにホワイト・...