HOME » WEB制作ガイド » #Yahoo!ショッピング » 2024年度版 Yahoo!ショッピングの参考になるレイアウト10選!

2024年度版 Yahoo!ショッピングの参考になるレイアウト10選!

記事更新日 2024年4月7日

記事 RYO SUMIOKA

皆さん初めまして。
ASOBU DESIGN合同会社の住岡と申します。

Yahoo!ショッピングでもアプリ経由の購入が一般的になったことでPC・スマホサイトだけでなくアプリ経由のデザインも気にしながらWEBデザインを行なっています。

その限られた中でどうやって回遊率を上げていくのか、お客様に訪れて頂いたサイトを逃さないようにお店づくりをしていくかによって大きく変わってくるかと考えています。

本日は、そのヒントを探すべく「Yahoo!ショッピングの参考になるレイアウト10選」をご紹介します。

Up!ReのWaffleStore ヤフー店様

ワッフルマーケティング株式会社様 ヤフーショッピング制作実績
ワッフルマーケティング株式会社様 ヤフーショッピング制作実績

ワッフルマーケティング様のデザインでは、トリプルサーバーを使用し分かりやすさを意識して構築されています。ストアページに入るとFV(ファーストビュー)に商品検索キーワード欄があり、誰でも目に留まる場所に設置されています。その中でキャンペーンバナーや価格帯の一覧表も配置されてあり、回遊率が上がりそうなデザインとなっています。

ルークランオンライン様

ルークランオンライン様はこれだけのボリュームでありながらトリプルサーバーを使用せず構築されていらっしゃいます。主に犬・猫ペット用品を販売されておりデザインにもとても力を入れていらっしゃいます。メインページには大きくカテゴリーバナーが配置してあり、小バナーを上手く取り込んでおられます。色合いも優しい雰囲気となっています。

Audiecne Web Store Yahoo!様

Audiecne Web Store Yahoo!様では、主にアパレル服を販売されておりHPと一体感を感じるようなシンプルなデザインとなっております。デザインについても新着商品欄やカテゴリーも探しやすいデザインとなっており、スマホ版もレスポンシブ対応で見やすいデザインとなっています。

アツマル水産 Yahoo!ショッピング店様

株式会社アツマル水産様 ヤフーショッピング制作実績
株式会社アツマル水産様 ヤフーショッピング制作実績

アツマル水産 Yahoo!ショッピング店様では、北海道の海のイメージである画像を全体に使っており、お客様の欲しい商品が「探しやすい・見つけやすい」構造になっています。 それから、トップの左カラムにはレビュー情報の記載も組み込まれており訪問者の購入意欲を掻き立てるようなデザインになっています。

フラワーギフト ブルーマート様

有限会社ブルーマート様 ヤフーショッピング制作実績
有限会社ブルーマート様 ヤフーショッピング制作実績

フラワーギフト ブルーマート様は、フラワーケーキやプリザーブドフラワーを取り扱うオンライン生花ショップです。 このECサイトはお花をテーマにしていることから、 生花やフラワーケーキなどのバナー画像を多く使用しており、賑わい感のあるデザインになっています。 それから、スマートフォンでECサイトを見てもPCサイトに劣らずカテゴリーがわかりやすい作りになっているので、 見た目のおしゃれさだけでなく、ユーザビリティの高いECサイトです。

漬物・佃煮の和平治商店様

株式会社小町産業 ヤフーショッピング制作

漬物・佃煮の和平治商店様は、岡山県の昔ながらの人気商品や、贅沢な逸品、季節限定の絶品、珍品を取り扱うECサイトです。 岡山県の特産品を幅広く取り扱っており商品数が多いことから、賑やかで活気的な印象を与えるデザインになっています。 それから、このECサイトでは、トップページにランキングを設置しているため、お客様を人気商品へ誘導することができます。 そのため、商品詳細ページへの誘導率を上げることができるので、購入率UPに繋がります。

Pauls for green様

株式会社ワイズ技研様 ヤフーショッピング制作実績
株式会社ワイズ技研様 ヤフーショッピング制作実績

Pauls for green様は、愛知県江南市でゴルフウェアからゴルフグッズまでオシャレな商品を取り扱うショップです。ゴルフ関連品を幅広く取り扱っており商品数が多いことから、賑やかで活気的な印象を与えるデザインになっています。 それからこのECサイトでは、トップページにメインバナーを設置しているため、お客様を人気商品へ誘導することができます。 そのため、商品詳細ページへの誘導率を上げることができるので、購入率UPに繋がります。

ECサイトは「探しやすい」を意識!

今回ご紹介させて頂いたのは、ただ欲しい商品を買いに来るというよりかは欲しい商品をショップ内で探す意識が大事だと弊社は考えております。
欲しい商品が決まっている場合は、検索で直接ユーザー様が探し、ショップに足を止めて頂くかと思うのですが、どのショップも「またこのお店に訪れたい」と思えるショップになっているかと思いました。

デザインされたお店ページは「検索」より「探索」できるお店として、お買い物を楽しいものにしてくれます。

イオンモールやソレイユなどショッピングモールでは真似できない、WEB店舗だからできるデザインを、今回ご紹介したECサイトを参考に、トライしてみてください。

また、弊社ではYahoo!ショッピングをはじめ楽天市場やau PAYマーケットのリニューアルなども制作しております。もしご興味がございましたらこのページ下部のお問い合わせフォームより一度、お問い合わせ頂ければ幸いです。

この記事を書いた人について

この記事を見た人はこちらも読んでいます

ASOBU DESIGNのサービス

ASOBU DESIGNの制作実績

有限会社ブルーマート様

株式会社ベネフィットファースト様

有限会社AUD様

株式会社グラビティ様

株式会社ワイズ技研様 ヤフーショッピング制作実績

ワイズ技研株式会社様

ハイブリッドサービス株式会社様

お問い合わせ

AUTO PRICE SYSTEM

自動見積もりシステム

当社のサービスについて
自動見積もりが出来ます

CONTACT

お問い合わせフォーム

制作依頼や正式お見積り・納期
などのお問い合わせについて