ECサイトデザイン（おしゃれな照明屋さん）

おしゃれな照明を扱う架空のECストア風のトップページをデザイン・制作いたしました。

• こだわり１　超シンプルに

ブランドコンセプトにもよりますが、大衆向けブランドよりもやや高めの価格帯の商品を扱う場合は、超シンプルな作りのほうが高級感がでます。

「商品の印象を強く残しつつも、ロゴも目立たせたい」。という、２つの条件を満たすデザインに。フォントは洗練された雰囲気をだすため明朝体系を採用。

また、トップの画像はゆっくりフェードして切り替わるスタイルにしています。

◆PCビューだとこんな感じ↓

こだわり２　スクロールすると、明かりがつく演出

↓スクロールをしていくと・・・

トップ画面からスクロールしていくと、次のセクションは背景色を黒に。スクロールをつづけると、パッと照明にスイッチがはいったかのように背景画像が出現する演出をしました。

こだわり３　商品写真はたくさん見せるのでなく、１つずつの商品を印象的に

商品画像はスクエア型を採用。スマホビューでも、商品の細部まで見えるよう、画像のサイズ感は大きめに。

こだわり４　お知らせ項目は、雑誌風レイアウトでアクセントを

ECサイトは基本的に、

商品画像
+
テキスト

という単調な構成になりがちなため、お知らせなど、やや毛色の違う情報に関してはデザインを雑誌風のレイアウトに変更して、ユーザーがサイトを見てても飽きない工夫をしています。

このほかにも、こだわりポイントはありますが細かい話になるので、ぜひリンクにアクセスしてみてください！