【Yahoo!ショッピング編】参考になる！「ECサイト」のWebデザイン事例17選！

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

株式会社スタイラーズ

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

弊社で制作させていただいた、サロン向けシャンプーを取り扱う企業のECサイトです。彩度の高い画像を大きく使う一方、全体の配色はモノトーンで統一しており、そのギャップで見る人の目を惹きつけます。また要所に流麗な欧文書体を利用することで「上品さ」を演出し、オシャレや美容に敏感な若者の心をくすぐるサイトデザインに仕上げました。

マルアイ

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

弊社デザインさせていただいた、紙製品を製造する企業のECサイトです。シンプルかつ機能的なデザインで、ユーザーが必要な商品に素早くアクセスできるよう工夫されています。商品ページには詳細な説明と画像が豊富に掲載されており、購買意欲を高める構成です。

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

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

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

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

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

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

Dearest

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

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

山水物産株式会社

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

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

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

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

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

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

むぎごころ

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

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

kurashino（株式会社一生紀）

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

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

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

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

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

Works 制作実績

「Yahoo!ショッピング」の
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。（支援実績1,220社以上）

• 「Yahoo!ショッピング」の事例一覧
• 会社資料を見る

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

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

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

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

岐阜アグリフーズ

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

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

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

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

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

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

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

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

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

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

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

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

Honolulu Cookie Company

https://shopping.geocities.jp/honolulucookie/

明るく親しみやすいデザインが特徴です。クッキーの画像が大きく表示され、季節限定商品や人気商品が目立つように配置されています。ナビゲーションもシンプルで、ユーザーが簡単に商品を見つけられるようになっています。

Kakko

https://shopping.geocities.jp/kakko/

商品とともに、素敵な生活を想像させるような明るい写真が特徴的です。シンプルなナビゲーションと北欧の商品がとても綺麗に映えています。アイコンも視認しやすく、わかりやすい設計になってるのもGood！

Works 制作実績

「Yahoo!ショッピング」の
当社の制作実績はこちら

リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。（支援実績1,220社以上）

• 「Yahoo!ショッピング」の事例一覧
• 会社資料を見る

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

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

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

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