Yahoo!ショッピングを使った「売れるECサイト」デザイン11選！

「製品画像」で魅せるデザイン事例

ブルーメンシュトラウス（株式会社馬場十一商店）

https://blumenstrauss.jp/（制作：株式会社リーピー）

カラフルな商品や動きのある配置がアクセントになっていて、ポップで賑やかな雰囲気があるホームページです。お花と組み合わせることで上品感もありますよね。シンプルな背景と組み合わせることで豊富なカラー展開が目を惹きます。商品ページではそれぞれのカラーに合わせたデザインになっており、ユーザーを楽しませてくれます。

制作実績ページ：『ブルーメンシュトラウス｜ECサイト｜制作実績｜株式会社リーピー』

株式会社カネコ小兵製陶所

https://store.ko-hyo.com/（制作：株式会社リーピー）

岐阜県土岐市に本店をかまえる、株式会社カネコ小兵製陶所様のECサイトです。「焼き物」という商品をよりかっこよく・美しく魅せるために、あえて背景色はシンプルに、商品画像はシックでかこいい「無彩色」を基調としたサイトカラーに仕上がっています。

制作実績ページ：『株式会社カネコ小兵製陶所｜ECサイト｜制作実績｜株式会社リーピー』

弊社でのホームページ制作について、専務取締役の伊藤様によるインタビュー記事もあわせてご覧ください。

インタビュー記事：『株式会社カネコ小兵製陶所｜ECサイト｜株式会社リーピー』

Dearest

https://shop.j-dearest.com/（制作：株式会社リーピー）

宝石・ジュエリー専門店Dearest様のオンラインショップページです。トップページではただ商品を大きく見せるだけでなく、名称とあわせて価格もさり気なく表示されているため、ホームページを流して見るだけですべての情報が目に入ってくるユーザーに優しいデザインとなっています。

制作実績ページ：『Dearest｜ECサイト｜制作実績｜株式会社リーピー』

山水物産株式会社

https://ec.sansuibussan.co.jp/（制作：株式会社リーピー）

山水物産株式会社様のおせちの通販サイトを制作させていただきました。高級食材を贅沢に使用した和洋折衷のおせちを取り揃えています。おせちの競合他社とは全く違う印象をあたえるため、高級感だけでなく遊び心を取り入れた大胆なビジュアルにいたしました。また、どんな年代のユーザーが見ても迷わず購入できるように、購入までの導線を分かりやすくいたしました。

制作実績ページ：『山水物産株式会社｜ECサイト｜制作実績｜株式会社リーピー』

粋な着こなし（株式会社エクシオ）

https://shopping.geocities.jp/ikinakikonashi/

大胆な色使いのバナーや、商品のみ切り抜きされた写真を使ったデザイン構成が強く印象に残るデザインです。また写真サイズにメリハリをつけると、数が多い中でも特に見せたい商品が目に入ります。またホバーした時にのみ値段などが見える設計なので、「洋服が見たい！」という基本の要望にもしっかり応えられますし、「REVIEW」ではストア評価の確認が可能なので、安心して購入を検討できますね。

「カテゴリ分け」が購買をスムーズにするデザイン事例

むぎごころ

https://mugigokoro.organic/（制作：株式会社リーピー）

無添加化粧品などの美容系商品を取り扱うECサイトです。「高級感」を演出するために、あえて商品画像を小さめに配置して余白を多くとっています。光の加減や商品を置いたときの影が、「上品な品物」を演出していますね！

制作実績ページ：『むぎごころ｜ECサイト｜制作実績｜株式会社リーピー』

kurashino（株式会社一生紀）

https://shopping.geocities.jp/e-dollar/

生活雑貨やインテリアを販売しているサイト。ファーストビューのスライドから商品ページに移動できるので、直感的に買い物をしたいユーザーをスムーズに商品まで誘導できますね。カテゴリページでは、テイストや素材からも商品を選べるので、家具や雑貨を部屋のテイストに合わせて選びたい時にも、スムーズに商品を見つけられる設計です。

affe（株式会社L＆Sコーポレーション）

https://shopping.geocities.jp/kipling/

バッグを中心に、財布やポーチなどの小物を販売しているサイトです。商品カテゴリーは、項目ごとに横いっぱいの写真を使用した大胆な設計で、サイト全体がこじんまりしません。バッグの種類も細かく分類されていますが、写真によりバッグの分類がひと目見て分かるので、検索のしやすさにも繋がります。

作り手の想いが伝わるデザイン事例

宇野カバン（合同会社宇野かばん工房）

https://www.unokaban.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、岐阜でランドセルを手作りしているお店のサイトデザインです。コピーとランドセルが主体の写真は、どこか物語調の温かい雰囲気を醸しています。ページトップへのボタンはランドセルにして遊び心を加えました。商品の詳細ページでは、手作りならではの良さとこだわりをしっかりと記載し、アピールしています。

制作実績ページ：『合同会社宇野かばん工房｜ECサイト｜制作実績｜株式会社リーピー』

岐阜アグリフーズ

https://shop.gaf.co.jp/（制作：株式会社リーピー）

無添加のスキンケアなどの商品を取り扱うECサイトです。「一家にひとつ、常備されているクリーム」のイメージを伝えるため、全ての人に受け入れられるようシンプルなイメージで構成し、オレンジをアクセントに取り入れた温かみのあるデザインとなっています。写真まわりにはコットンや観葉植物を添えることで、キャッチコピーにもある、天然由来やオーガニックの「やさしさ」を表現していますね！

制作実績ページ：『岐阜アグリフーズ｜ECサイト｜制作実績｜株式会社リーピー』

美濃焼SHOPヤマホ（株式会社安藤進晤商店）

https://shopyamaho.com/（制作：株式会社リーピー）

やきもののネット通販サイト、美濃焼SHOPヤマホのサイトを制作させていただきました。事業背景をきちんと訴求しつつ、美濃焼を売るだけでない『店長ご夫婦がいるからこその美濃焼SHOPヤマホ』だという点をデザインで視覚的に表現し、サイト全体は温かくノスタルジックな雰囲気でまとめました。また商品はカテゴリ別に検索が可能で、購入までがスムーズな設計となっています。

制作実績ページ：『株式会社安藤進晤商店｜ECサイト｜制作実績｜株式会社リーピー』

弘乳舎TOKYO（株式会社セルフィユ）

https://shopping.geocities.jp/kounyusha-tokyo/

熊本市にて創業した老舗乳製品メーカー「弘乳舎」サイトデザインです。サイトトップの写真の「しずる感」が、まず見る人を引きつけます。趣のある色やフォントを使ったデザインからは、懐かしさや温かさを感じますね。また会社の歴史や食材へのこだわりを訴求することで、ユーザーに信頼感や安心感を伝えています。商品数があまり多くないため、トップページで全ての商品が見られるのも特徴的ですね。

「使用シーン」がイメージしやすいデザイン事例

うつわの、（合同会社シューニャリティ）

https://utsuwanoten.com/（制作：株式会社リーピー）

食器のサブスクリプションサービス「うつわの、」様のサイトを制作させていただきました。写真をメインにシンプルな構成としながらも、曲線でかわいらしさをプラス。気軽な普段づかいがイメージできるよう親しみのあるデザインに仕上げました。ターゲット層の40〜50代の女性はもちろん、そのお子様も見てかわいい！と思っていただけるよう、エメラルドグリーンがメインのクリーンな印象づくりをしています。

制作実績ページ：『合同会社シューニャリティ｜ECサイト｜制作実績｜株式会社リーピー』

matti totti（株式会社EMLworks）

https://shopping.geocities.jp/mattitotti/

高級カシミヤを100％使用して生産したストール・マフラーの専門販売サイトです。トップページでの商品一覧や人気商品のコンテンツでの設計が特徴的です。アイテムや性別の選択ボタンは、商品のみが切り替わる設計なので、遷移の手間なくスムーズに閲覧できます。また商品販売の下層ページでは、固定ナビゲーションからマフラーやストールを選択可能で、操作性の高い設計になっています。

SUIT STORY（株式会社ザザホラヤ）

https://shopping.geocities.jp/azdeux/

良いものを安くをモットーにビジネスアイテムを取り扱う紳士服専門店の販売サイトです。メイン商品であるスーツの項目では、使用シーンごとに絞り込んだ検索が可能で、購入までの導線もスムーズです。返品や送料についてのみでなく、お直しについてや梱包の情報を載せることで、安心感をしっかり伝えられます。

ハンモック専門店 遊び（すさび株式会社）

https://shopping.geocities.jp/susabi/

ハンモックをメインに、食器やベビーグッズなども販売しているサイトです。手書きの文字や、動きのある自由な形のデザインが、ハンモックのゆらゆらとした心地よさを連想させます。ハンモックについて詳しく説明されているカテゴリーも親切。ハンモックの種類ごとに、かなり詳しくシーン別で説明されているため、どんな人も安心して購入できそうです。ページごとにアニメーションやデザインが違うため、つい全てのページを見たくなってしまいますね。

ECサイト運営に対する無料相談、実施中！

いかがでしたでしょうか？

当社では、全国980社以上の支援実績から見つけた、Webを使った集客・通販の勝ちパターンを「コンサルティング型制作」にてご提供いたします。ブランディングからECサイト制作、公開後の販促や戦略支援に至るまで、幅広くご支援しておりますので、まずはお気軽にご相談くださいませ。

※ご紹介しているサイトの中で、「（制作：株式会社リーピー）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。