Works
Total Bodycare -me-様
Shopify ECサイト制作
→https://total-body-care-me-online.myshopify.com/

体質改善サロン「Total Bodycare -me-」様の公式オンラインショップを、Shopifyで制作しました。サロンで生まれたオリジナルソープなどの自社ブランド商品と、代理店として取り扱う美容用品を販売するECサイトです。
店舗の雰囲気を受け継いだ自然なデザインにすること、商品写真がきれいに見えること、オリジナル商品のブランドストーリーがきちんと伝わることを大切にしています。
店舗のイメージを受け継いだデザイン・フォント選び
サロンのあたたかく落ち着いた空気感をオンラインでも感じてもらえるよう、生成りやベージュ、ブラウンを基調とした、やさしい配色にしました。
欧文フォントには、細く優美な線が特長のセリフ体「Cormorant Garamond」を選んでいます。ナチュラルさの中にも上質さが感じられる佇まいです。
装飾は控えめにして、サロンを訪れたときのような心地よさが伝わるよう意識しました。
商品写真が映えるレイアウト
メインビジュアルには、マーブル模様が美しい手づくりソープの写真を大きく使いました。商品の質感がひと目で伝わります。
商品一覧や商品ページでも、写真をしっかり見せるレイアウトにしています。ソープのやわらかな色合いや、自然素材ならではの表情を感じてもらえるよう仕上げました。
ブランドストーリーを伝える情報設計
Total Bodycare -me-様のキーワードは「デトックス」です。オリジナル商品は、サロンで培ったデトックスを毎日の暮らしに取り入れてほしい、という想いから生まれました。
トップページでは、商品を並べる前に、ブランドの考え方と製品が生まれた背景を伝えています。たとえば次のような内容です。
- 「体質を変える」ことは毎日の小さな習慣から、というサロンの考え方
- コールドプロセス製法や無農薬ハーブといった、製法や素材へのこだわり
オリジナル商品と代理店の取り扱い商品はカテゴリを分けて、ブランドの世界観がぼやけないよう整理しました。
続けやすい購入の仕組み
日常のケアとして続けてもらいやすいよう、次の導線を用意しています。
- オリジナルソープの定期便(送料無料+10%OFF)
- 毎月3日の「Meの日」送料無料キャンペーン
あわせて、サロン公式サイト・Instagram・LINEへのリンクも配置しました。サロンの予約やSNSとつながり、オンラインと店舗の両方でお客様との関係を深められる構成です。

Calma(カルマ)は大阪・枚方市を中心にホームページ作成、ホームページ運用、動画編集、デザイン作成などのIT事業を展開しています。WEBについてのわからない事やYouTube動画の編集、店舗や会社のホームページについての小さな悩みでも気軽にご相談ください
ご相談はこちら