【ホームページ制作事例】Hako Body Tuning様:英語サイトを和風の雰囲気に整え、会員ページをメールマガジンに切り替えました

2026年8月末、Hako Body Tuning様から「海外版のサイトを進めるにあたり、プチリニューアルをしたい」とご相談をいただきました。からだ美調律®の英語版として、2023年に制作したサイトです(当時の制作事例はこちら)。

お寺で撮影された写真が素敵で、この雰囲気に合わせてサイトを変えたいとのことでした!
この素材を元に、色、写真、文字の配置、さらに記事を読者へ届ける仕組みまで変えていくことになり、約2か月をかけて、サイトの見た目と届け方の両方をお手伝いしました。

Hako Body Tuningのトップページ。新しいロゴと、お寺で撮影した写真を使っています

こんなお悩みはありませんか

  • ロゴや写真を新しくしたのに、サイト全体の雰囲気が追いついていない!
  • 新しい記事を書いても読者に知らせる手段がない!
  • リンク先のページが日本語のため、海外の方が離れてしまうかもしれない!
  • 自分で直しているうちに、どこまでやれば終わりなのか分からなくなった!

もしかしたら「うちもそうだった」という方もいらっしゃるかもしれません。

今回行ったこと

会員限定の記事を公開&登録したかたにメールマガジンで届くように切り替えました

英語サイトには無料の会員登録があり、INFO(旧Column)の記事は会員のみが読める設定でした。
今回はその仕組みを変え、会員限定の記事は公開することになりました。これまでの会員の方にはメールマガジンの配信先へ移っていただきました(会員の方には案内をお送り済みです)。
ログインの手間がなくなり、読者の方の登録はフォームひとつに絞りました。

登録してくださった方には、基本の5つの動きを紹介した小冊子(PDF)をお届けします。
登録案内のページには動きの一部だけを見せる抜粋動画を埋め込み、「続きは登録して小冊子で」とお伝えする形にしています。こちらはお客様側からそのようなご要望がありました。

Hako Body Tuningのメールマガジン登録ページ。メールアドレスを入れて登録すると小冊子が届きます
メールマガジンの登録ページ

登録の流れは、まず確認メールが届き、リンクを押した方だけが正式な登録になる方式にしました。入力ミスや、小冊子だけが目当てのいたずら登録を防ぐためです。新しい記事を公開すると登録者へ自動でお知らせが届き、イベントとニュースは全文、それ以外は抜粋で配信されます。

公開前には、お客様に、登録確認メール、登録完了メール、既存の会員へのご案内メールの3通をテスト配信しております。

日本語ページを開いた海外の方に、英語で案内を出しました

英語サイトのメニューには、日本語の「Works」「Media」ページに移動するようメニューを追加しました。ただ、海外の方がそのまま開くと日本語で、読めずに戻ってしまいます。メニュー名に説明を書き足すと文字が長くなり、デザインが崩れてしまうため、別の方法にしました。

英語サイトから日本語ページへ移動した方と、端末の言語設定が日本語以外の方のみ、ページの上に英語の案内を表示するようにしました。
「このページは日本語です」というお知らせ、Google翻訳で開くリンク、英語サイトへ戻るリンクの3つです。日本の方が日本語のまま見る場合には表示されないので、既存の見え方は変わりません。英語に慣れた方に実際に操作していただき、翻訳リンクと戻るリンクが使えることを確かめました。

日本語ページの上部に表示される英語の案内。Google翻訳で開くボタンと、英語サイトへ戻るボタンがあります
日本語ページの上に出る英語の案内

小冊子に「AIの学習にも使わないでください」の一文を添えました

小冊子のダウンロード用ページは、検索結果に出ない設定で作り、登録完了のメールからご案内する形にしています。PDFにはもともと著作権の表記がありましたが、昨今の情勢から、AIの学習に使うこともお断りする一文をページに入れることをご提案しました。PDFの最終ページにも同じ趣旨が加わりました。

これはお願いと意思表示であり、コピーや転載を技術的に防ぐものではありません。それでも、書かれていることで、掲載する側の考えは伝わります。

あわせて整えたこと

  • 新ロゴに合わせ、抹茶色と生成り色の配色にそろえました
  • これまでのコンテンツ区切りに使用していた太い枠線をやめてやわらかい背景色で区切るようにしました
  • 見出しの書体は明朝系に揃えて静かな雰囲気にしています
  • お寺で撮影された写真をトップの大きな写真やMission、Visionなどに使いました
  • 各記事の下にInstagramとメールマガジンへのご案内を追加しました
  • 作業期間中はWordPress本体、プラグイン、PHPの状態を確認しながら進めました
スマホで見たHako Body Tuningのトップページ。キャッチコピーが2行に収まっています
スマホで見たトップページの一部

溝口様のご感想

公開後の確認の際に、次のお言葉をいただきました。ありがとうございます。

素敵なホームページにしていただきありがとうございました!

確認のあと、関係の方がさっそくお知り合いへ、メールマガジンの登録をご案内してくださったそうです。

ゆーそうと

新しいロゴと日本の写真で、サイトの雰囲気が落ち着いたものになりました。メールマガジンの登録も始まり、これからの発信が楽しみです。

「どこから直せばいいか分からない」と思ったらご相談ください

ロゴを新しくしたけれど、サイトをどこから直せばよいか分からない。会員登録とメールマガジンのどちらが合うか迷っている。そんなときも、ひとりで抱えなくて大丈夫です。状況をうかがいながら、一緒に整理してお手伝いします。

ホームページの新規作成・リニューアルで
お困りの担当者様へ

WordPressの機能を活かして運用しやすいホームページを作成

せっかくのWordPressなのに「自分で文章が書き換えられない」「ブログの更新ができない」などWordPressの機能を活かしきれていないことはありませんか?

ゆーそうとではWordPressの機能を最大限発揮して、HTMLなどの知識がないお客様でも運用しやすいホームページを作成します。


トップへ戻る