takacoo.jp

Loading

78年の歴史を持つ美容ブランドの、上質感を伝える 株式会社H&B 様サイト

Open site
担当
  • デザイン調整(レスポンシブ)
  • コーディング
  • WordPress
ツール
  • Illustrator
  • Cursor
  • WordPress
  • Git
期間
2ヶ月

スキンケア・ヘアケア・ボディケア製品からサプリメント、美容機器まで扱う、創業78年の美容・健康関連企業「株式会社H&B(MERIQUE)」様のサイトです。サロン専売品を中心に展開し、インターネット販売を行わず正規取扱店での購入を推奨するブランドポリシーを持っています。

白を基調とした清潔感のあるミニマルデザインで、「あしたの自分をすこやかに美しく描きつづける」という企業理念が伝わるよう仕上げました。日本語・英語・繁体語の多言語対応で、グローバル展開も見据えた構成にしています。

3言語のスマートな動的切り替え

ブランドのグローバル展開に対応するため、日本語・英語・繁体字(3言語)の切り替え機能を実装しました。

PHPを用いて言語判定を行い、ヘッダー・フッターや共通パーツのテキスト・リンク先、専用のテンプレートファイルを動的に出し分ける設計にしています。

また、言語によってテキストの文字量が大きく変化(特に日本語・繁体字と英語の違い)するため、どの言語に切り替えても高級感あるブランドサイトのレイアウトや余白、美しいフォント表現が崩れないよう、柔軟性と堅牢性を両立したCSS設計(レスポンシブ対応)を徹底しました。

誰でも簡単に更新できるWordPress

納品後、クライアント側で「お知らせ」や「商品」の登録・更新がスムーズに行えるよう、管理画面のカスタマイズにこだわりました。

HTML/CSSの専門知識がない担当者様でも、決まったフォーマットに入力するだけで直感的に更新できるよう、カスタム投稿タイプやカスタムフィールドを導入しています。

これにより、「誰が更新してもブランドの美しい世界観やレイアウトが100%維持される」設計を実現し、属人化を防ぎつつ、日々の運用コストを大幅に削減できる構築を行いました。