整骨院ホームページリニューアル

---

概要

既存ホームページのリニューアルを担当しました。

利用者が必要な情報へスムーズにたどり着けるよう、情報設計・導線改善・スマートフォン表示の最適化を中心にサイト全体を見直しました。

---

制作目的

• スマートフォン利用者への対応強化
• 施術内容や料金情報の整理
• 電話予約への導線強化
• ふくらはぎ専門ケアの認知向上
• 初めて来院される方の不安軽減

---

改善ポイント

① レスポンシブ対応の強化

近年はスマートフォンからの閲覧が大半を占めるため、スマホファーストで設計。

• 画像サイズの最適化
• スマホで読みやすい文字サイズへ調整
• スクロール時の視認性向上
• タップしやすいボタン配置

を意識して制作しました。

---

② 情報設計の見直し

従来サイトでは情報が分散していたため、

利用者が知りたい順番を意識して再構成しました。

トップページ構成

• ファーストビュー
• お悩み紹介
• 当院の特徴
• 患者さまの声
• はじめての方へ
• 営業時間
• アクセス
• 院長あいさつ

という流れで整理し、

初診の方が迷わず必要な情報へたどり着けるよう改善しました。

---

③ 予約導線の改善

整骨院では電話予約が中心であるため、

サイト内の複数箇所に

• 電話ボタン
• お問い合わせ導線

を設置。

ユーザーが予約したいと思ったタイミングで行動できる設計を意識しました。

---

④ 文字サイズ・可読性の改善

スマートフォン閲覧時の読みやすさを重視し、

• 見出しの強弱
• 行間
• 余白
• フォントサイズ

を調整。

高齢者の利用も想定し、視認性を意識したデザインにしています。

---

⑤ 他院との差別化

ひばり整骨院独自の強みである

「ふくらはぎ専門ケア」

を独立した固定ページとして制作。

単なる施術案内ではなく、

• なぜふくらはぎが重要なのか
• どんな症状に対応できるのか
• 施術の流れ
• よくある質問

まで掲載し、専門性が伝わる構成にしました。

---

担当範囲

• サイト構成設計
• ワイヤーフレーム検討
• WordPress構築
• Lightningテーマカスタマイズ
• 固定ページ制作
• 画像制作・アイコン作成
• スマホ表示最適化
• サイト移行作業
• 導線改善

---

使用ツール

• WordPress
• Lightning
• Canva
• Photoshop
• ChatGPT

---

制作で工夫した点

利用者の多くがスマートフォンで閲覧することを想定し、

「必要な情報が3タップ以内で見つかること」

を意識して設計しました。

また、整骨院の強みである「ふくらはぎ専門ケア」を前面に打ち出し、他院との差別化を図りました。

---