おしゃれで売れる！参考になる「ECサイト」のデザイン事例15選！

カスタム要素が楽しいデザイン事例

Blumenstrauß（株式会社馬場十一商店）

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

美容師さんやお花屋さんがハサミを持ち歩くためのシザーケースを販売するサイトです。ファーストビューでは、色とりどりのシザーケースとブーケを並べた写真が目をひきます。商品詳細ページを見ると、商品の色に合わせてページの背景色も変更されており、細かい工夫が商品をより引き立てています。カラーシミュレーターで自分好みの色の組み合わせをシミュレーションすることができ、そのまま注文まで可能です。

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

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

昭和30年代前半から今日まで半世紀以上の、とても歴史のある手づくりランドセル店です。写真とコピーライティングで、昔ながらのカバン作りへのこだわりが伝わってきます。セレクトオーダーランドセルのページではシミュレーションができ、本体の色からステッチ、内装のデザインまで細かくカスタマイズできるのが嬉しいです。

Works 制作実績

「ECサイト」の
当社の制作実績はこちら

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

• 「ECサイト」の事例一覧
• 会社資料を見る

無彩色を基調としたシックなデザイン事例

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

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

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

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

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

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

株式会社スタイラーズ

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

こちらはサロン向けシャンプーを取り扱っている企業のECサイトです。彩度の高い画像を大きく使う一方、全体の配色はモノトーンで統一されており、そのギャップがトレンド感を演出しています。美しい世界観が、オシャレや美容に敏感な若者の心をくすぐるサイトデザインですね。

有限会社安藤商店

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

提灯を生産・販売する安藤商店様の通販サイトです。提灯といえば伝統工芸品のイメージがありますが、こちらのサイトでは伝統的なものから現代のインテリアにも合うような新しいデザインのものまで取り扱っています。それを象徴するように、サイトのデザインも写真が大きく使われたモダンなレイアウトとなっています。提灯にぽっと灯るようなあかりがところどころふわふわと浮いているのもポイントです。

上品なあしらいのデザイン事例

株式会社ファーゴ

https://www.rakuten.ne.jp/gold/fargo/　（制作：株式会社リーピー）

まるでブランドサイトのようなオシャレさが特徴的な電源タップ販売店「株式会ファーゴ」様のECサイトです。トップページの写真はスライド式となっており、製品ごとにそれぞれの世界観が伝わる大きな写真が登場します。

山水亭オンラインショップ（山水物産株式会社）

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

高級な食材を使用したおせちなどの調理に携わり、販売する山水物産株式会社様の通販サイトです。ところどころ散りばめられている金箔のあしらいや、上品な日本語書体が高級感を表現しています。和紙のテクスチャは、伝統的な和風のテイストも醸し出しています。また、どんな年代のユーザーが見ても迷わず購入できるように、購入までの導線を分かりやすくいたしました。

Room403（株式会社Quaf）

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

繊細さや上品さ・高級感のあるデザインです。花との組み合わせや配置といった写真のセンスが光っています。通常ネットショップでは、見やすく大きな商品名やカートボタンが使われがちですが、そこにあえて逆行し、全体的にミニルなデザインに仕上げています。他のECサイトとの差別化にもなりますね。

Dearest

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

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

Works 制作実績

「ECサイト」の
当社の制作実績はこちら

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

• 「ECサイト」の事例一覧
• 会社資料を見る

製品の「素材感」を魅力的に見せたデザイン事例

PROBERB（岐阜アグリフーズ株式会社）

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

弊社で制作させていただいた、みつばちの造るプロポリスを使用したプロハーブ化粧品の通販サイトです。みつばちをイメージした草花などのイラストでナチュラルで可愛らしいパッケージデザインが映えるような、シンプルかつナチュラルなサイトデザインに仕上げました。また商品写真に統一感を持たせ、サイトの世界観を損なわない工夫をしています。

むぎごころ

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

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

セールポイントを明快に訴求するデザイン事例

COCOQREA株式会社

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

弊社で制作させていただいた、COCOQREA株式会社様のサイトです。全体的に文字や写真が大きくあしらわれており、とても見やすいサイトです。セール情報や売れ筋商品の紹介をわかりやすく表示する工夫は、購入促進やリピーターの増加にもつながります。ユーザーへの細かな心配りに優れたサイトデザインにいたしました。

タマチャンショップ 楽天市場店（有限会社九南サービス）

https://www.rakuten.ne.jp/gold/kyunan/

随所に散りばめられたイラストから、自然素材＆ヘルシー感が伝わってくるようです。商品画像を木のテーブルや麻布をひいて撮ることで、ナチュラルなイメージとサイト全体の色味の統一感を打ち出しています。全体的に暖かい雰囲気でまとまっているため親しみやすく、安心して商品を購入できそうな雰囲気が、ユーザーの購買意欲を刺激します。

マルアイ

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

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

チューヤリテール

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

和歌山の「良質な食品販売」に特化した、ECサイトです。良質な品物であることを伝えるために、視線誘導も兼ねた大きなリボンのようなあしらいを装飾ることで、写真とサイト全体のデザインからより高級感を演出できるデザインとなっています。

大量のコンテンツをカバーするデザイン事例

激安屋（梅花堂紙業株式会社）

https://www.baikado-shigyo.com/ （制作：株式会社リーピー）

梱包材、緩衝材、クッション封筒を取り扱う梅花堂紙業株式会社様の激安屋です。商品数のバリエーションがとても多いですが、ナビゲーションやカテゴリに商品の切り抜き画像を添えることで見やすく、目的の商品にたどり着きやすいデザインとなっています。サイドナビにカーソルを合わせるとサイズなどの細かい情報まで表示されるところが便利ですね。

ココデカウ 楽天市場店（フォーレスト株式会社）

https://www.rakuten.ne.jp/gold/cocodecow/（制作：株式会社リーピー）

たくさんの商品情報を見やすくデザインするため、ナビゲーションの文字や写真は小さめにあしらいました。安さや品揃えを売りにしているので、集客力のある楽天サイトで商品の詳細説明よりは、多くのカテゴリから探しやすくすることを目的にしています。

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