サイトにアクセスすると、まずレッド背景の中に大量に配置されたカテゴリーメニューが飛び込んできます。メニューにマウスオーバーするとさらに細分化されたカテゴリー一覧がドロップダウンで表示される仕組みです。カテゴリーの直下には特に重要な告知の横長のバナーを数点配置し、さらにピックアップアイテムのバナーをタイル状に配置しているため、明確なメインビジュアルのエリアがない代わりに大量の製品をアピールするレイアウトです。下層の商品購入ページは商品名と金額を太いフォントで表示している以外は、ホワイトの背景を生かしたすっきりとしたレイアウトになっています。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「アーネスト株式会社」のホームページデザイン解説画面左側に縦長のナビゲーションメニューが常に表示された2カラムのレイアウトで、メインエリアはサイトを開くとキャッチコピーを挟んで上下に2種類のスライドショーが表示され、それぞれ画像のトリミングと再生速度を変化させています。やや青みがかった濃...
-
「有限会社鈴屋」のホームページデザイン解説サイトを開くと画面幅いっぱいにスライドショーが表示され、鮮やかな川辺の写真や質の高さを感じさせる布団の写真で信頼感をまず与えます。企業紹介ではシンプルなイラストアイコンにキャプションを添えて、企業の強みを端的に表現しています。シンプルな1カ...
-
「有限会社 グッドライフ上越」のホームページデザイン解説サイトを開くと画面幅いっぱいにメインビジュアルが広がり、写真を組み合わせたレイアウトと力強い英語フォントの組み合わせは雑誌のようなお洒落なイメージを感じさせます。モノトーンにくすんだグリーンをアクセントカラーにした落ち着いた色使いで、太いラ...
ECサイトに関連するデザイン
-
「有限会社石丸製作所_オリバ楽天市場店」のホームページデザイン解説楽天市場内の生活雑貨の通販サイトで、ページのタイトルは太いグリーンのラインで大かっこ状に囲まれています。メインビジュアルは写真の余白を生かしてキャッチコピーや囲み写真を配置し、製品を白のラインで協調したデザインです。色使いは製品ごとに見出し...
-
「アーネスト株式会社_apod SHOP」のホームページデザイン解説サイトを開くとおすすめ商品を紹介するスライドショーが画面幅いっぱいに表示されます。シンプルな1カラムのレイアウトで色使いもモノトーンでまとめられ、マージンを多めに取ってすっきりと見せたデザインです。アイテム一覧は正方形の写真にキャッチコピー...
-
「ていねい通販」のホームページデザイン解説ファーストビューは可愛らしいイラストを使ったナビゲーションメニューの下に角丸の扇形のスライドショーが配置され、スライドショーのモーションに緩急をつけることで柔らかさだけでなく元気なイメージも感じさせます。淡いオレンジをメインとしたパステルカ...
レッドを使ったデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「学校法人 日本芸術学園 日本芸術高等学園」のホームページデザイン解説メインビジュアルは漫画のコマ風に組み合わせられた3枚の写真が1枚ずつ浮かび上がり、最後にキャッチコピーと吹き出しが浮かび上がるドラマチックな構成です。コンテンツは1カラムのレイアウトで、学校説明会の募集要項は写真・キャプション・リンクボタン...
-
「FabCafe」のホームページデザイン解説世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
奇抜・派手なホームページのデザイン
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「角中株式会社」のホームページデザイン解説メインビジュアルは写真とキャッチコピーを食い合わせたビジュアルのスライドショーで、キャッチコピーの一部をイエローとレッドに色を変え、レッドの部分のフォントサイズを上げることで迫力のある画面に仕上げています。コンテンツタイトルは鮮やかなレッド...
-
「日清食品グループ オンラインストア」のホームページデザイン解説ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
