お手本にしたい秀逸デザインの海外ECサイト4選

シェア ツイート
公開日:

ECサイトは「商品を販売する場」であると同時に「ブランドの顔」でもあります。ECサイトのデザインの良し悪しが、そのブランドのイメージを形成すると言っても過言ではありません。

Webデザインはただ単に見た目が美しければ良いというものではなく、ユーザーに驚きや感動を与え、感情を揺さぶり、アクションを起こさせることが目的であり、直感的に操作しやすいというユーザビリティにも配慮する必要があります。

今回は、先進的で優れたデザインを採用している海外のECサイトを紹介し、「優れたWebデザインとは何か?」という点について掘り下げていきます。

patagonia(アウトドアウェア)

patagonia(アウトドアウェア)

https://www.patagonia.com


patagonia(パタゴニア)は1965年にアメリカで設立された老舗のアウトドアウェアブランドです。高品質の製品を開発するだけでなく、環境問題にも本格的に取り組んでいることで有名です。

トップページは大きな画像1枚のみ

トップページは大きな画像1枚のみ


patagoniaのトップページは実にシンプルです。

自然の中で遊ぶ喜びや感動といった「体験」を想起させる画像が画面一杯に表示され、縦スクロールはできません。

しかし画像を横にスライドしていくことで、季節毎のテーマに沿った画像を閲覧でき、画像をクリックするとそのテーマの詳細情報や、商品ページに遷移できるようになっています。

商品を探すときはグローバルナビで

商品を探すときはグローバルナビで


すぐに商品を探したいユーザーは、上部のグローバルナビからすばやくアクセスが可能です。スポーツ別、男女別、キッズ向け、アウトレット商品などに分別されており、目的の商品を探しやすい作りになっています。

選んだ商品を比較できる

選んだ商品を比較できる


気になる商品は「比較する」ボタンにチェックすることで、並べて比較検討することができます(4製品まで)。アウトドアギアを選ぶ際に重要な生地の材質や、重さ、各種機能、スペックを1画面に並べて表示できるので、比較したい商品のページを何度も行ったり来たりする必要が無く非常に便利です。

NOMOS Glashutte(腕時計)

NOMOS Glashutte(腕時計)

https://nomos-glashuette.com


NOMOS Glashutte(ノモス グラスヒュッテ)はドイツの機械式時計メーカーです。

グラスヒュッテは時計産業の町として有名で、伝統の技術で作られた精巧なムーブメントは世界中で高い評価を受けています。

腕時計を美しく見せる

腕時計を美しく見せる


NOMOSのWebサイトは白を基調としたとてもシンプルなデザインで、あくまでも美しい時計をより美しく見せることに注力しています。

一つの時計をありとあらゆる角度から撮影し、細部に渡って美しい写真で紹介しています。

装着イメージをアニメーション表示

装着イメージをアニメーション表示


商品詳細ページでは時計のディテール画像のほか、モデルが腕時計を腕に装着し、ゆっくりと角度を変えて見せてくれるアニメーションが表示されます。

腕時計は単体で見たイメージと、実際に装着したときのイメージが異なる場合が多々あります。試着のできないECサイトにおいて、この機能は画期的です。

P448(カジュアルシューズ)

P448(カジュアルシューズ)

http://www.p448shoes.com


P448(ピーフォーフォーエイト)はイタリアのカジュアルシューズブランドです。

イタリアらしい個性的でバリエーション豊富なカラーのスニーカーが人気で、生地はすべてイタリア製、生産もイタリアの職人によって行われています。

選べるサムネイル表示

選べるサムネイル表示


P448の製品群の特徴である豊富なカラーバリエーションの中から、お気に入りの一足を見つけやすくするために、商品のサムネイル画像の数を切り替えることができるようになっています。

1画面に4表示・9表示・16表示の3種類の表示方法があり、ざっと商品を確認したいときは16表示、生地の質感など細部まで見て選びたいときには4表示といった使い分けができます。

カーソルを当てると在庫のあるサイズを表示

カーソルを当てると在庫のあるサイズを表示


サムネイル画像にマウスのカーソルを当てると、シューズの写真が別アングルのものに切り替わると同時に、在庫のあるサイズの一覧と価格が表示されます。

わざわざ商品詳細ページに遷移しなくても在庫状況と価格を瞬時に確認でき、非常に快適な操作感でショッピングを楽しめます。

シンプルながらも直感的に操作できる

シンプルながらも直感的に操作できる


画面左の『filter』ボタンを押すと、サイズと商品モデル名で絞り込むことができます。全体的にシンプルな作りのECサイトですが、豊富なラインナップの中から目的の商品を探しやすくすることに集中しており、誰でも直感的に操作できるよう作り込まれています。

everyday needs(雑貨・インテリア)

everyday needs(雑貨・インテリア)

http://www.everyday-needs.com/


everyday needsはニュージーランドで運営されている雑貨・家具・インテリア製品のセレクトショップです。日常生活に溶け込むような、機能的でデザインの優れたアイテムを世界中から厳選し、発信しています。

ブログ形式

ブログ形式


everyday needsのECサイトでは、『The Everyday』というブログにショップのコンセプトが集約されています。

このブログには、スタッフの自宅を撮影した様々なスナップ写真が掲載されています。シンプルでおしゃれな家具や、小物雑貨の使い方など、インテリアの参考にしたい素敵な写真ばかりで、見ているだけでも楽しめる内容になっていますが、その写真の下には写真内で使われているアイテムのリンクが張られ、実際に購入することができます。


そのアイテムが手元にある日常をユーザーに想起させ、「こんな素敵な物に囲まれた生活がしたい」というニーズをダイレクトにCVに結びつける仕組みが出来ています。

まとめ

patagoniaはトップページで大自然の素晴らしさやスポーツの喜びをユーザーに連想させ、その体験をより充実したものにし、快適に過ごすためのギアとして自社の商品群を紹介しています。


NOMOSは機械式腕時計の芸術的な美しさをアピールすることでユーザーの購買意欲をかき立て、さらにその腕時計をはめた自身の姿をイメージさせるためにアニメーションを活用しています。


P448はユーザビリティを追求したECサイトによってCVまでの工程を最短にする工夫をし、everyday needsは、日常の風景の中にアイテムをちりばめ、そのアイテムが日々の生活に小さな喜びや幸せをもたらしてくれるとユーザーに想像させることに成功しています。


優れたデザインというのは言葉や文字を使うことなく、むしろ言葉や文字以上にユーザーの心理にダイレクトに訴求することができるものだと言えるでしょう。

自社のECサイトのデザインを決める際に参考にしてみてはいかがでしょうか。




03-3486-2631
営業時間 9:00〜19:00