【ECサイト開業の心得】ネットショップはこう作る！～デザイン編～

今回は2章ということでネットショップのデザインについてお話します。ネットショップのデザインとは何なのか・どんな作業をしているのかを弊社のフローに沿ってご紹介します。デザイナーのプチインタビュー付き！

1章で制作したワイヤーフレームをもとにサイトのデザインを決めていきます。ショップのロゴ・ファーストビューのバナー・カテゴリーや検索メニューのデザイン・買い物かごやランキングのアイコンなどなど。ネットショップの見た目となる部分を作っていきます。

その際に大切なことは購入者目線でユーザビリティを考えたデザインを作ることです。まずユーザビリティとは簡単にいうとターゲティングしたユーザーがそのサイトを使いやすいと感じる度合です。
例えばターゲットの年齢が高めなのであれば、フォントサイズを大きくしたりアイコンにテキストで説明を入れるなど。実際にユーザーの目線になって、ユーザーが使いやすい・見やすい・商品を探しやすいと思ってもらえるようなデザインにしていきます。
そのためにはディレクターとの連携が非常に重要になります。商品の魅力をデザインでより、伝わるようなサイトに仕上げていきます。

2016年のトレンドといえばカード型デザイン・シネマグラフ・パララックス・ストーリーテリングといった言葉をよく聞かれたかと思います。
ネットショップでのデザインは、インパクトを与えることで閲覧者の目を惹くことも必要です。

2017・2018年と毎年トレンドは変化し続けます。
例えば2017年のトレンドであれば下記のようなものがあげられます。

パララックスデザイン

視差効果を使ったデザインのこと。前後の要素の動くスピードを変化させて、奥行きや立体感を表現する。

参考サイト(下記画像クリック)

マテリアルデザイン

Googleが2014年にガイドラインとして発表したデザイン。直訳する「物質デザイン」で、実際に触れられるように見せたデザインのこと。統一されたデザインや動き・レイアウトで誰が見てもわかるように設計されている。

モダンレトロデザイン

くすんだ色見やヴィンテージ感のあるフォントなどを用いたデザイン。80～90年代頃を思い浮かばせる設計になっている。

など。出せば出すほどでてきます。
扱っている商品からトレンドを見つけることができればプラスになります。ですが選択肢を間違えてしまうとマイナス効果にもなってしまいます。
トレンドに囚われすぎたデザインは、よくないサイトにもなってしまうのです。そこを注意してトレンドを取り入れていきましょう。

Webデザイナーに直撃インタビュー！！
ネットショップのデザインをする上でのポイントや大切なことを聞いてみました！

Webデザインで大切なことを教えてください

目的を明確にしてデザインをすることが一番大切です。
この記事を読まれている方に質問しますが、「ネットで買い物をするときにデザインが良いから商品を買いますか？」

答えは「No」の方が大半だと思います。私自身もその質問から商品を購入したことはありません。
商品が魅力的に感じる・購入までスムーズに行える・ほしい情報が掲載されているなどの理由が、人が商品を購入するまでの心理をついているからだと思います。
ただデザインがなくてもいいのかというとそうではありません。商品が買いやすいレイアウト・配色・画像の使い方・文章の読みやすさ、といった人の目線に入る自然なデザインに仕上げることがWebデザインにとって大切なことだと私は考えます。