menu

情報を絞り、レイアウトはシンプルに。2つの有名ショップに学ぶ次世代ECサイトのデザイン

EC

店内の壁に古いチラシがベタベタ貼られ、商品のダンボールが散らかった店で買い物する気が起こらないように、ECサイトのデザイン・レイアントはユーザーの購買意欲を高めるうえで大切な要素です。

楽天やYahoo! ショッピングをはじめとした国内の大手ECモールでは、ECサイト黎明期から続く縦長ランディングページが主流であるものの、その一方で従来のECサイトとは一線を画した新しいWebデザインも登場し始めています。

一升餅の専門店 おぢか屋
子どもの成長をお祝いする一升餅やわらじを販売している「一升餅の専門店 おぢか屋」。楽天市場ランキングの食品ジャンル・お餅ジャンルで1位を獲得している人気ショップです。

楽天市場の「おぢか屋」のページは、ユーザー目線を大切に、シンプルなレイアウトで構成されているのが特徴です。トップページに掲載された画像はわずか4枚。人気ランキングや利用者の口コミで高い実績があるにもかかわらず、それらを前面に出さず、訪れた人がどんな商品が売られているかひと目で
分かるよう設計されています。

また、トップページの下半分のスペースが支払い方法・送料・返品に関する注意事項の説明に割かれ、初めて利用する人でも安心して購入できるよう工夫されています。商品ページはやや縦長のレイアウトではあるものの、セットの詳しい内容や商品の重さなど、ショップの実績・人気より実際に商品を購入する人の視点にフォーカスした情報が、充分なスペースをもって配置されています。

ページ全体のテイストを統一するためにキャンペーンのバナーや受賞エンブレムなどは避け、乳幼児のモデル画像とあわせて、丸みのあるフォントや親しみやすい手書き調のフォントが使われているのもポイントです。

風味絶佳 山陰
このECサイトで注目したいのは、海産物から精肉、そば、種類、プリザーブドフラワーまで非常に幅広い品目を取り扱っているショップにもかかわらず、ページの情報量をあえて絞ることで、非常にすっきりとした印象を与えていること。トップページの画像は、「おぢか屋」と同様に点数が絞られ、季節に合った2~3点の商品だけにフォーカスして訴求しています。商品そのものの魅力が伝わるよう、やや寄り気味の構図で撮影され、余計な装飾がカットされた画像のクオリティの高さもポイントです。

ECサイトに関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

運転手の姿勢まで検知してアラート通知。ヒュンダイのARディスプレイナビゲーション

クリック単価9円~利用可能。新しい広告サービス「Yahoo! コンテンツディスカバリー」

関連記事

  1. メディカル、ヘルスケア関連の企業は要注意。薬事法に対する認識の大…

    ECサイトで継続的に利益をあげていくためには、コンセプト設計やマーケティング施策に加えて、販売に必要…

  2. アリババと連携し、1700万の「いいね!」を獲得。「Tokyo …

    越境ECで大きな成功を収めている国内企業の1つが、アニメのキャラクターグッズなど、日本のポップカルチ…

  3. 今さら聞けない、ECサイトのオムニチャネル戦略とは?

    オムニチャネル戦略とはオムニとはラテン語で「すべて」という意味。ECサイトや販売店舗、オウンドメ…

  4. やっとたどり着いたら売り切れ‥。ECサイトにおける縦長ランディン…

    多くのECサイトで見られる縦長のランディングページは情報量の多さゆえに購買行動を妨げ、運用面でもデメ…

  5. ネットビジネスの成功を大きく左右する価格設定のポイント

    ECサイトを運営するにあたってコンセプトの設計と同様に重要なのが商品の価格設定です。ネットビジネスに…

  6. ユーザーを引きつけクリックを誘導するショップ名&ページタイトルの…

    ECサイトで収益をあげるためにコンテンツや機能が重要なのは言うまでもありませんが、ECサイト自体のネ…

  7. 販売戦略のヒントとして知っておきたい「フレーミング効果」

    ECサイトで長期的に成果をあげていくためには、商品の適切な価格設定が欠かせません。確実に利益を確保し…

  8. コンバージョン率を上げるために欠かせない、ECサイトにおけるEF…

    せっかく購入ステップまで進んだユーザーが直前で購入を取りやめ離脱してしまう「カゴ落ち」。カゴ落ちは入…

PICKUP

PAGE TOP