2020年、顧客を魅了する8つのECサイトデザインのトレンド（トップ）

1. 商品画像の動き

2020年のeコマースデザイントレンドは、当初からモーションデザインをはじめとする、より高度なビジュアル要素を活用してきました。これは、静止画像が減り、ダイナミックな動画が増えることを意味します。動画、映画、アニメーション、マイクロインタラクションなど、より多くの要素が見られるようになっています。かつてはこれらのモーションデザイン要素を目にすることはほとんどありませんでしたが、現代のテクノロジーの進化により、ますます一般的になっています。eコマースウェブサイトをはじめとする多くの業界では、より多くの注目を集めるためにモーションデザインを活用しています。

eコマースウェブサイトのデザインにモーションを取り入れることは、多くの実用的なメリットをもたらし、商品をよりリアルに見せるのに最適です。上記のAlo Yogaの事例で示されているように、商品ビジュアルにモーションデザインを取り入れることで、購入者は購入する商品についてより深く理解できるようになり、より多くの情報を消費者に提供することで、コンバージョン率の向上と返品率の低減につながります。

2. 型破りなグリッドレイアウト

長年にわたり、スクエアグリッドレイアウトはECサイトを席巻してきました（Amazonのサムネイルが延々とスクロールする様子を想像してみてください）。同じサイズの商品を整然と並べることで、サイト全体の構造が整い、閲覧がスムーズになり、レスポンシブデザインにも適しています。しかし、一部のブランドでは新しいレイアウトの試みが成果を上げており、ますます多くのオンラインストアがこのトレンドに飛びついています。

ウェブページで画一的なグリッドレイアウトを捨てることのメリットは何でしょうか？このデザインスタイルはまだ珍しいため、目立つというメリットがあります。また、ブランドにエッジの利いたモダンな雰囲気を与えることができるため、特にファッションや新興業界では効果的です。

サイトを適切に設計すれば、売れ筋商品をあからさまに指摘することなく戦略的にハイライトするなど、特定の商品に注目を集めたり、スポットライトを当てたりすることもできます。

知っておきたいこと：このeコマースデザイントレンドは、商品ラインナップが比較的限られているブランドに最適です。多くの商品を販売している場合、このレイアウトは画面スペースを占有しすぎて、買い物客を混乱させる可能性があります。代替グリッドのメリットを最大限に活かすには、上記のDôenのように商品カードのサイズを多様化してみましょう。

3. ランディングページと商品ページのハイブリッド

過去のeコマースのデザイントレンドは、買い物客がウェブサイトのホームページから始めて、探している商品を見つけるという考え方を中心に展開されていました。この考え方は一部の買い物客には今でも有効ですが、ここ数年で、ホームページを完全に経由しないアプローチが数多く登場しています。

広告やソーシャルメディアの投稿は、多くの場合、買い物客を商品ページに直接誘導するため、多くの訪問者はホームページを見ることがありません。この点を踏まえ、eコマースウェブサイトのデザイナーは、商品ページよりもランディングページに多くの要素を配置するようになりました。その結果、単一の商品またはカテゴリーを中心としたミニストアのようなハイブリッドなサイトが生まれ、明確なナビゲーションによってサイトの他の部分も簡単に移動できるようになります。

4. ブランド包装箱

ブランディングにおける鉄則の一つは、チャンスを逃さないことです。多くの企業は製品パッケージへのブランディングの重要性を既に認識していますが、オンラインストアやサブスクリプションサービスにおいては、ブランディングにおいて見落とされがちなもう一つの落とし穴があります。それは、配送用の箱そのものです。

カスタマイズされた配送・配達用ボックスは、ブランド認知度を高めるだけでなく、顧客の配送への期待を高め、ロイヤルティを高めることにもつながります。これは、企業の特長、ウェブサイト、ソーシャルメディア、あるいはブランドカラーを宣伝する絶好の機会です。中には、環境に配慮したボックスや梱包材を使用するなど、さらに一歩踏み込んだ取り組みをしている企業もあります。

つづく…