← ポートフォリオに戻る
着付け教室
+ リサイクル着物EC
WordPress + WooCommerce — サンプル制作 SAMPLE

着付け教室 HP + ネットショップ

「WordPress + WooCommerce|用途別カテゴリ × カート→決済 × レスポンシブ|和の上品デザイン」

WordPress WooCommerce EC構築 SWELL レスポンシブ

着付け教室・出張着付け・きもの相談に、リサイクル着物のネットショップを足す。
「集客の入口(HP)」と「売る仕組み(EC)」を、WordPress + WooCommerce で一気通貫に作ったサンプル。

制作サイト(画面イメージ)

トップページ
(画面準備中)
商品一覧・カート
(画面準備中)

※ 実際に動くデモ動画(トップ→商品→カート→お会計)をご用意できます。ご希望の際はお申し付けください。

このサンプルのポイント

🛍️

WooCommerceで「カート→クレジット決済」まで動くEC

商品登録・カテゴリ設計・カート・決済・在庫管理までWooCommerceで構築。商品が揃う前でも、仮商品で仕組みだけ先に完成させる「最小構成スタート」にも対応。

🎯

「用途から選ぶ」導線設計

式典・お稽古・お出かけ——シーン別のカテゴリで、お客様が迷わず選べる構成。用途別フルセット販売に最適化した動線。

💰

料金をトップで明示する課題解決設計

「料金がどこにあるか分からない」という、よくあるサイトの課題を解決。料金表をトップに配置し、最初に知りたい情報へすぐ届くようにした。

🎴

和の上品さを表現するデザイン

明朝体(Shippori Mincho)×深紅をキーカラーに、伝統・信頼を感じさせつつ窮屈にならない配色。サービスごとに色を使い分け、全ページで世界観を統一。

📱

スマホ最適化 + ご自身で更新できる設計

スマホ表示を最優先したレスポンシブ。SWELLのブロックエディタで、ブログ・お知らせ・商品追加をご自身で更新できる。手順書もお渡しする前提。

主な仕様

CMS WordPress(SWELL)
EC WooCommerce(カート・クレジット決済・カテゴリ/在庫設計)
デザイン 白ベージュ × 深紅 / 明朝体(Shippori Mincho)
ページ構成 トップ・サービス・料金・オンラインショップ・商品個別・お問い合わせ
レスポンシブ スマホ最優先 / PC・タブレット対応
更新性 ブロックエディタでご自身で更新可(手順書・レクチャー付き)

こんな方におすすめ

※ こちらは制作力をご覧いただくためのサンプル制作です。実在の店舗様への納品物ではありません。実際のご依頼では、御社の写真・商品・内容に合わせて一から制作します。実際に動くデモ動画をご用意できますので、お気軽にお申し付けください。

← ポートフォリオに戻る