タイトルロゴを囲むように配置された4枚の写真と、直下の商品情報がまず目に入り、スイーツへの欲求を強く刺激されるサイトです。下層の商品紹介のページでは大き目のフォントで書かれたキャッチコピーと、商品写真や動画を画面中央に大きく表示し、さらに商品の魅力を伝えています。商品周りの説明はすっきりと短くまとめることで、複数の商品を紹介しているページではスイーツが畳みかけてくるような印象を与えます。
執筆者
カテゴリ
基本情報
カフェ・喫茶店に関連するデザイン
-
「有限会社キッツェミサ_オンラインショップ」のホームページデザイン解説サイトを開くと、スイーツのアップの写真を使ったスライドショーが画面幅いっぱいに広がり、閲覧者の食欲をそそります。スライドショーの上に配置されたクレヨンで描いたようなタッチのロゴが可愛らしく、親しみやすさを感じさせます。下層ページは帯状にトリ...
-
「お茶と酒 たすき」のホームページデザイン解説サイトにアクセスすると、まず画面いっぱいにかき氷の写真を使ったスライドショーが表示され、画面左上には店舗ロゴ、右上にはハンバーガーメニューが配置されています。メインページは画面中央に季節商品のかき氷の写真が縦1列に並び、それぞれマウスオーバ...
-
「MORIHICO.」のホームページデザイン解説写真とロゴタイプ・イラストを組み合わせたポップで華やかなスライドショーが目を引くファーストビューです。コンテンツのサムネイルはグリッドレイアウトで規則正しく並べられ、区切りに店内写真を画面幅いっぱいに帯状に配置しています。モノトーンの色使い...
サービスサイトに関連するデザイン
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「社会福祉法人 燕市社会福祉協議会」のホームページデザイン解説中央にベージュのベタと協議会のロゴを手書きの英語フォントを配置し、それを囲むように協議会の活動風景をタイル状に並べたビジュアルがまず目を引きます。ブラウンのテキストとタイトルに添えた英語フォントのグリーンと、リンクボタンのくすんだピンクをア...
ホワイトを使ったデザイン
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社 S.U建築設計」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたコンパクトなスライドショーで、ずらして重ねた英語のキャッチコピーは写真にマスクをかけたようなあしらいとなっていて、写真が切り替わるとともに色が変化します。モノトーンの色使いでまとめられたシンプルな1カ...
シンプルなホームページのデザイン
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
-
「医療法人社団 恵友会 三恵病院」のホームページデザイン解説メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「sanjoy!まちなか情報局」のホームページデザイン解説タイル状に組み合わせたマルシェの様子の写真の中央に角丸長方形を配置し、その上にイベントロゴを配置したにぎやかな印象のファーストビューです。メインエリアは2カラムのレイアウトで、グリーンとグレーを中心とした色使いに、キャプションには記事のカテ...
