× 制作実績を見てみる

2024.02.20 - Tue

山田潤

山田

顧客の心を掴む!「売れる通販・ECサイト」の参考デザイン15選!

顧客の心を掴む!「売れる通販・ECサイト」の参考デザイン15選!

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

Blumenstrauß(株式会社馬場十一商店)

https://blumenstrauss.jp/(制作:株式会社リーピー)

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

制作実績ページ:『ブルーメンシュトラウス|ECサイト・オンラインショップ|制作実績|株式会社リーピー

全国1,080社以上!

当社制作事例からサイトデザインを検討したい方はこちら
(世界的Webデザインアワードへの入賞実績も有り)

宇野かばん(合同会社宇野かばん工房)

顧客の心を掴む!「売れる自社ECサイト」にするための参考デザイン集!

https://www.unokaban.jp/ (制作:株式会社リーピー)

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

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

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

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

「Shopify(ECサイト)」で参考になるWebデザイン事例11選!

https://store.ko-hyo.com/(制作:株式会社リーピー)

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

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

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

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

株式会社スタイラーズ

スタイリッシュで「おしゃれ」なホームページデザイン15選!

 

https://stylers.co.jp/(制作:株式会社リーピー)

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

制作実績ページ:『株式会社スタイラーズ|ECサイト|制作実績|株式会社リーピー

有限会社安藤商店

安藤商店様_サイトデザインhttps://ando-chochin.jp/(制作:株式会社リーピー)

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

制作実績ページ:『有限会社安藤商店|ECサイト|制作実績|株式会社リーピー

全国1,080社以上!

当社制作事例からサイトデザインを検討したい方はこちら
(世界的Webデザインアワードへの入賞実績も有り)

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

株式会社ファーゴ

「楽天市場(ECサイト)」で参考になる商品ページデザイン7選!

https://www.rakuten.ne.jp/gold/fargo/ (制作:株式会社リーピー)

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

制作実績ページ:『株式会社ファーゴ|ECサイト|制作実績|株式会社リーピー

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

山水亭オンラインショップ_サイトデザインhttps://ec.sansuibussan.co.jp/(制作:株式会社リーピー)

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

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

Room403(株式会社Quaf)

https://shop.room403.jp/(制作:株式会社リーピー)

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

制作実績ページ:『株式会社Quaf|ブランドサイト|制作実績|株式会社リーピー

Dearest

「Shopify(ECサイト)」で参考になるWebデザイン事例11選!

https://shop.j-dearest.com/(制作:株式会社リーピー)

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

制作実績ページ:『Dearest|ECサイト|制作実績|株式会社リーピー

全国1,080社以上!

当社制作事例からサイトデザインを検討したい方はこちら
(世界的Webデザインアワードへの入賞実績も有り)

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

PROBERB(岐阜アグリフーズ株式会社)

岐阜アグリフーズ株式会社様_サイトデザイン

https://shop.gaf.co.jp/(制作:株式会社リーピー)

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

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

むぎごころ

むぎごころの写真

https://mugigokoro.organic/(制作:株式会社リーピー)

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

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

全国1,080社以上!

当社制作事例からサイトデザインを検討したい方はこちら
(世界的Webデザインアワードへの入賞実績も有り)

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

COCOQREA株式会社

https://katagamiya.com/(制作:株式会社リーピー)

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

制作実績ページ:『COCOQREA株式会社|ECサイト|制作実績|株式会社リーピー

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

タマチャンショップ_サイトデザイン
https://www.rakuten.ne.jp/gold/kyunan/

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

全国1,080社以上!

当社制作事例からサイトデザインを検討したい方はこちら
(世界的Webデザインアワードへの入賞実績も有り)

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

激安屋(梅花堂紙業株式会社)

梅花堂紙業株式会社様_サイトデザイン

https://www.baikado-shigyo.com/ (制作:株式会社リーピー)

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

制作実績ページ:『梅花堂紙業株式会社|ECサイト|制作実績|株式会社リーピー

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

ココデカウ_サイトデザイン
https://www.rakuten.ne.jp/gold/cocodecow/(制作:株式会社リーピー)

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

制作実績ページ:『フォーレスト株式会社|ECサイト|制作実績|株式会社リーピー

「コンサルティング型制作」でネット集客に活路を

いかがでしたでしょうか?
当社でも、ネットショップ制作経験が多数ございますので、ネットショップ作成・リニューアルをお考えの方は、ぜひリーピーへご相談ください。

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

この記事を書いた人
山田潤
山田

WEBデザイナー/2018年入社/岐阜県出身 リーピーでは昭和生まれチーム所属。休日は犬と遊んでます。


Works 制作実績

リーピーが過去、制作を行ったWebサイトを
業種別・デザイン別でわかりやすくご紹介しています。
ぜひ、「理想のデザイン探し」にお役立てください!

制作実績を見る(全418件)

Contact Us

リーピーでは、「こういうサイトが欲しい!」という
具体的な方針が固まっていない場合であっても、
課題感や目標を踏まえ、最適なWebサイトをご提案します。

Other Blog

記事一覧にもどる

Contact

競合他社への勝ち方、教えます!

リーピーでは、全国各地1,080社以上の支援実績を元に、

  • 地方企業におけるWeb集客の成功事例
  • 同業他社のデザイントレンド

など、「Webサイト制作前に抑えておきたい要素」をご案内しておりますので、まだ情報収集中という方もお気軽にご相談ください。

058-215-0066 24時間受付

まずは相談する無料

 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |