外国人向けに日本の生活雑貨を取り扱ったECサイトになっていて、余白を広く使ったシンプルで気品の漂うサイトデザインが特徴的です。詰め合わせになったギフトボックスの紹介ではカーソルを合わせると写真が少し縮小しながら傾く効果が加えられていてちょっとした動きが愛らしい演出です。その他に取り扱っている商品はサムネイル一覧になっていて、同様のモーションが加えられていて統一感を生んでいます。写真をクリックして下層ページに遷移すると、商品の細部まで見られるように他のカットの写真も大きく掲載されていて非常にわかりやすい設計になっています。色遣いやフォントなど、全体的に淡い優しい雰囲気にまとめられていて美しいサイトに仕上がっています。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「ユニ・チャーム」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、ユニ・チャームのロゴマークのまわりにイラストが描かれています。グローバルナビにてユニ・チャームの企業情報、商品情報やキャンペーンなどを案内しています。トップページの中...
-
「SUNSTAR オンラインショップ」のホームページデザイン解説ヘルスケア用品中心のECサイトにふさわしい、ホワイトと淡いグリーンを中心にした清潔感のある色使いをベースに、ややくすんだ柔らかい色味でアクセントをつけて優し気な印象を与えています。ナビゲーションメニューのキャンペーンのリンクのみ鮮やかなオレ...
-
「IDEE SHOP Online」のホームページデザイン解説メインビジュアルは小さなスライドショーで、取扱商品の使用シーンを想定した写真がリズミカルに流れる構成ですが、ネイビーのベタを全面に使ったセール告知を混ぜることで、他の柔らかい写真とコントラストをつけて目立たせています。またこのスライドショー...
ECサイトに関連するデザイン
-
「Loeven Morcel」のホームページデザイン解説背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...
-
「Pride.RU」のホームページデザイン解説ファーストビューで大きく掲載されたホワイト一色で統一された工具類の写真が、ユーザの興味を刺激するような演出になっていて、サイトの導入として効果的な演出です。スクロールしていくと、サムネイル画像を用いて商品を紹介しており、見やすい構成がしっか...
-
「S-Rush」のホームページデザイン解説ファーストビューで大きく画像が使われており、右から左に流れていく仕組みになっていることでユーザの興味を抱かせる工夫となっています。画像領域の上部には「メンズ」「レディース」などの項目が表示されており、ユーザの状況に合わせてページを選択できる...
ホワイトを使ったデザイン
-
「TEPRA PRO “MARK”」のホームページデザイン解説全画面表示の画像がサイトを開くと現れて、インパクトのある演出になっています。画像はスライドショーで切り替わる仕組みになっていて、商品の特徴やラインナップが紹介されています。一目で内容が理解できる演出で、しっかりとユーザ視点が考えられています...
-
「関西化成品輸送株式会社」のホームページデザイン解説写真と文字が組み合わさったファーストビューの構成が、おしゃれでかっこいい雰囲気を作りあげる要素になっています。右側にはナビゲーションメニューがリスト表示されていることでサイトの内容がわかりやすくスムーズな閲覧が可能な設計です。スクロールして...
-
「Orico」のホームページデザイン解説シンプルでかっちりとした構成になっていて、信頼感を感じるデザインにまとめられています。ファーストビュー 画像領域では右から左に写真が流れてくる仕組みになっていて、目に止まりやすい構成が考えられています。ヘッダーに表示されたナビゲーションメニ...
シンプルなホームページのデザイン
- 「Orico」のホームページデザイン解説
シンプルでかっちりとした構成になっていて、信頼感を感じるデザインにまとめられています。ファーストビュー 画像領域では右から左に写真が流れてくる仕組みになっていて、目に止まりやすい構成が考えられています。ヘッダーに表示されたナビゲーションメニ...
-
「UDATSU」のホームページデザイン解説全画面表示の写真がファーストビューに表示されて、インパクトのある演出が施されています。画面中央にはロゴマークの形状に別の写真が組み合わさって独特な表現になっていて、興味を抱かせる工夫となっています。さらに右下に設置された左右の矢印マークをク...
- 「Loeven Morcel」のホームページデザイン解説
背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...