アイテムの紹介にサムネイル写真を用いており、見やすい構成がしっかりと考えられています。サムネイル写真一覧の上部にはカテゴリを切り替えられる表示が設置されていて目的の商品を探しやすい設計です。新着アイテムやランキングなどによって表示が分けられているところもユーザ視点を意識した作りになっています。「コーディネート」のコンテンツでは、ユーザの投稿写真が掲載されていて楽しく閲覧できる仕組みになっています。トップページ最下部では会員サービスの項目が表示されており、それぞれのメニューにアイコンが設置されていることで直感的に内容が理解できる構成です。全体を通して余白を広く使ったシンプルなデザインで気持ちよく閲覧できるサイトになっています。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「アーネスト株式会社」のホームページデザイン解説画面左側に縦長のナビゲーションメニューが常に表示された2カラムのレイアウトで、メインエリアはサイトを開くとキャッチコピーを挟んで上下に2種類のスライドショーが表示され、それぞれ画像のトリミングと再生速度を変化させています。やや青みがかった濃...
-
「有限会社鈴屋」のホームページデザイン解説サイトを開くと画面幅いっぱいにスライドショーが表示され、鮮やかな川辺の写真や質の高さを感じさせる布団の写真で信頼感をまず与えます。企業紹介ではシンプルなイラストアイコンにキャプションを添えて、企業の強みを端的に表現しています。シンプルな1カ...
-
「有限会社 グッドライフ上越」のホームページデザイン解説サイトを開くと画面幅いっぱいにメインビジュアルが広がり、写真を組み合わせたレイアウトと力強い英語フォントの組み合わせは雑誌のようなお洒落なイメージを感じさせます。モノトーンにくすんだグリーンをアクセントカラーにした落ち着いた色使いで、太いラ...
ECサイトに関連するデザイン
-
「有限会社石丸製作所_オリバ楽天市場店」のホームページデザイン解説楽天市場内の生活雑貨の通販サイトで、ページのタイトルは太いグリーンのラインで大かっこ状に囲まれています。メインビジュアルは写真の余白を生かしてキャッチコピーや囲み写真を配置し、製品を白のラインで協調したデザインです。色使いは製品ごとに見出し...
-
「アーネスト株式会社_apod SHOP」のホームページデザイン解説サイトを開くとおすすめ商品を紹介するスライドショーが画面幅いっぱいに表示されます。シンプルな1カラムのレイアウトで色使いもモノトーンでまとめられ、マージンを多めに取ってすっきりと見せたデザインです。アイテム一覧は正方形の写真にキャッチコピー...
-
「ていねい通販」のホームページデザイン解説ファーストビューは可愛らしいイラストを使ったナビゲーションメニューの下に角丸の扇形のスライドショーが配置され、スライドショーのモーションに緩急をつけることで柔らかさだけでなく元気なイメージも感じさせます。淡いオレンジをメインとしたパステルカ...
ホワイトを使ったデザイン
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社 S.U建築設計」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたコンパクトなスライドショーで、ずらして重ねた英語のキャッチコピーは写真にマスクをかけたようなあしらいとなっていて、写真が切り替わるとともに色が変化します。モノトーンの色使いでまとめられたシンプルな1カ...
高級感・リッチなホームページのデザイン
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
-
「山の手ホテル_フォレストリゾートウェディング」のホームページデザイン解説メインビジュアルのスライドショーは画面幅をいっぱいに使い、中央に写真を、背後に拡大してぼかした画像を組み合わせて、同じ画像をふたつの効果で重ねることで奥行きを出しています。ホワイトの余白を生かしたフリーレイアウトのレイアウトに、くすんだグリ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
