EC Site
みつばちトートの制作実績紹介
職人が一つひとつハンドメイドで製造するトートバッグを販売している有限会社アベイユ様のWebサイト、みつばちトート。セミオーダー制のECサイトを制作させていただきました。
![みつばちトートのデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-thumbnail-2.jpg)
![みつばちトートのWebデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-main-image-pc.jpg)
![みつばちトートのスマホWebデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-main-image-sp.jpg)
WordPressにカラーミーショップのカート実装
すでにカラーミーショップでのショップ運用をされていたので、ショップ機能は使い慣れている既存のシステムを利用。新規でWordPressサイトを構築し、カラーミーショップが提供している『どこでもカラーミー』というプラグインを使用してカート機能を実装しました。商品ページまではWordPressサイト。カート以降はカラーミーショップ。更新性が高く、デザインの自由度が高い。さらにセキュリティの面でも安心なECサイトを構築しました。
![みつばちトートのメインビジュアル画像を解説するPC Webデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-thumbnail-2.jpg)
![みつばちトートのスマホメインビジュアル画像を解説するスマホ Webデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-section01_sp.jpg)
シンプルな商品展開を明確化
みつばちトート様では大きな商品カテゴリは2つでシンプルに分かりやすい構成になっているので、トップページ冒頭で明確に提示。訪問開始のタイミングで商品の全体像を明確化することでサイト内の回遊がしやすくなります。
![冒頭で大カテゴリを明確化することで回遊しやすくなることを示すデザイン画像を解説するPC Webデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-section02_pc.jpg)
![冒頭で大カテゴリを明確化することで回遊しやすくなることを示すスマホデザイン画像を解説するスマホ Webデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-section02_sp.jpg)
外部プラグインでも統一したデザインにコーディング
どこでもカラーミープラグインは、管理画面からデザイン編集が可能ですが自由度は低いため、一旦シンプルなデフォルト状態で実装し、デザインに合わせてCSSコーディング。統一感のある商品ページデザインにカスタマイズしました。外部プラグインを使用していることに気がつかず、シームレスな購入体験ができます。
![外部プラグインを使用してもシームレスなデザインで快適な購入体験を提供しているデザイン画像を解説するPC Webデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-section03_pc.png)
![外部プラグインを使用してもシームレスなデザインで快適な購入体験を提供しているスマホデザイン画像を解説するスマホ Webデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-section03_sp.png)
![ショッピングカート内も統一したデザインであることを示す画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-image-list01.png)
![シンプルな商品一覧デザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-image-list02.jpg)
![商品パターンがあってもシンプルに分かりやすくのデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-image-list03.jpg)
![みつばちトートサイトのフッターデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-image-list04.png)
![シンプルな商品一覧の画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-image-list05.jpg)
![商品展開があっても分かりやすいデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-image-list06.jpg)
![スマホフッターデザイン画像](https://buildstd.com/wp-main/wp-content/uploads/2023/02/mitsubachi-tote-image-list07.png)
Data
- Cliant
- 有限会社アベイユ
- Place
- 東京都港区
- Type
- ECサイト
- Specification
- WordPress, どこでもカラーミー
ContactBuildへ無料相談する
BUILDにご興味をもっていただきありがとうございます。
ウェブデザインやロゴデザイン、その他クリエイティブに関するご相談は、 フォームよりお気軽にご連絡ください。