EC Site

みつばちトートの制作実績紹介

職人が一つひとつハンドメイドで製造するトートバッグを販売している有限会社アベイユ様のWebサイト、みつばちトート。セミオーダー制のECサイトを制作させていただきました。

Visit the site

みつばちトートのデザイン画像
みつばちトートのWebデザイン画像
みつばちトートのスマホWebデザイン
みつばちトートのスマホWebデザイン画像

WordPressにカラーミーショップのカート実装

すでにカラーミーショップでのショップ運用をされていたので、ショップ機能は使い慣れている既存のシステムを利用。新規でWordPressサイトを構築し、カラーミーショップが提供している『どこでもカラーミー』というプラグインを使用してカート機能を実装しました。商品ページまではWordPressサイト。カート以降はカラーミーショップ。更新性が高く、デザインの自由度が高い。さらにセキュリティの面でも安心なECサイトを構築しました。

みつばちトートのメインビジュアル画像を解説するPC Webデザイン画像
みつばちトートのスマホメインビジュアル画像を解説するスマホ Webデザイン画像

シンプルな商品展開を明確化

みつばちトート様では大きな商品カテゴリは2つでシンプルに分かりやすい構成になっているので、トップページ冒頭で明確に提示。訪問開始のタイミングで商品の全体像を明確化することでサイト内の回遊がしやすくなります。

冒頭で大カテゴリを明確化することで回遊しやすくなることを示すデザイン画像を解説するPC Webデザイン画像
冒頭で大カテゴリを明確化することで回遊しやすくなることを示すスマホデザイン画像を解説するスマホ Webデザイン画像

外部プラグインでも統一したデザインにコーディング

どこでもカラーミープラグインは、管理画面からデザイン編集が可能ですが自由度は低いため、一旦シンプルなデフォルト状態で実装し、デザインに合わせてCSSコーディング。統一感のある商品ページデザインにカスタマイズしました。外部プラグインを使用していることに気がつかず、シームレスな購入体験ができます。

外部プラグインを使用してもシームレスなデザインで快適な購入体験を提供しているデザイン画像を解説するPC Webデザイン画像
外部プラグインを使用してもシームレスなデザインで快適な購入体験を提供しているスマホデザイン画像を解説するスマホ Webデザイン画像
ショッピングカート内も統一したデザインであることを示す画像
ショッピングカート内も統一したデザインに
シンプルな商品一覧デザイン画像
シンプルな商品一覧デザイン
商品パターンがあってもシンプルに分かりやすくのデザイン画像
商品パターンがあってもシンプルに分かりやすく
みつばちトートサイトのフッターデザイン画像
フッターデザイン画像
シンプルな商品一覧の画像
商品展開があっても分かりやすいデザイン画像
スマホフッターデザイン画像

Data

Cliant
有限会社アベイユ
Place
東京都港区
URL
https://mitsubachi-tote.com/
Type
ECサイト
Specification
WordPress, どこでもカラーミー

Contact

BUILDにご興味をもっていただきありがとうございます。
ウェブデザインやロゴデザイン、その他クリエイティブに関するご相談は、 フォームよりお気軽にご連絡ください。

お問い合わせはこちら