エリア内に隙間なくタイル状に写真を並べたメインビジュアルと、その下の画面幅いっぱいに表示されたスライドショーがまず目に入ります。メインビジュアルの写真はそれぞれスタッフコーディネイトのサムネイルとしても機能しており、クリックすると使用アイテムとキャプションが表示され、「まとめて購入する」ボタンをクリックすると使用アイテムのみをまとめたポップアップが表示されてまとめ買いをすることができます。身長別のスタイルガイドなどユーザー目線のコンテンツも盛り込み、自分に合ったスタイリングを考えながらショッピングを楽しめるECサイトです。
カテゴリ
基本情報
ブランドに関連するデザイン
- 「IKKON」のホームページデザイン解説
メインビジュアルは横長のスライドショーで、右下にはボックスを重ねてキャッチコピーを配置し奥行きを出しています。商品写真の陶器のホワイトや淡いグレーと、化粧箱の淡いベージュを中心にしたすっきりとした色使いで、コンテンツエリアやサムネイルの角を...
- 「BEAMS CREATIVE」のホームページデザイン解説
画面幅をいっぱいに使ったスライドショーの上に配置されたヘッダーは企業ロゴとハンバーガーメニューのみのシンプルなもので、スタイリッシュな印象を与えます。ベタを使わずコンテンツをシンプルなラインで区切った、一見モノトーンのフラットなデザインです...
- 「TOGA」のホームページデザイン解説
ファッションブランドのデザインアーカイブのページで、サイトにアクセスするとタイトルロゴがドット絵風のアニメーションで表示され、画面をスクロールさせるとアーカイブのサムネイル写真が次々表示されますが、最後までたどり着くとまた最初に戻るループし...
ECサイトに関連するデザイン
- 「有限会社石丸製作所_オリバ楽天市場店」のホームページデザイン解説
楽天市場内の生活雑貨の通販サイトで、ページのタイトルは太いグリーンのラインで大かっこ状に囲まれています。メインビジュアルは写真の余白を生かしてキャッチコピーや囲み写真を配置し、製品を白のラインで協調したデザインです。色使いは製品ごとに見出し...
- 「アーネスト株式会社_apod SHOP」のホームページデザイン解説
サイトを開くとおすすめ商品を紹介するスライドショーが画面幅いっぱいに表示されます。シンプルな1カラムのレイアウトで色使いもモノトーンでまとめられ、マージンを多めに取ってすっきりと見せたデザインです。アイテム一覧は正方形の写真にキャッチコピー...
- 「ていねい通販」のホームページデザイン解説
ファーストビューは可愛らしいイラストを使ったナビゲーションメニューの下に角丸の扇形のスライドショーが配置され、スライドショーのモーションに緩急をつけることで柔らかさだけでなく元気なイメージも感じさせます。淡いオレンジをメインとしたパステルカ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
かっこいいなホームページのデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...