鍼灸院サイトのリニューアルを致しました。

https://aoki-iryou.com/toyohashi_iwata

プロジェクト概要

ご依頼内容

既存サイトのリニューアルに伴い、ページ構成の見直し、デザイン調整、掲載内容の整理を行いました。
保険診療中心の内容から自由診療中心の内容へ変更となるため、施術メニューや料金表、初回特別価格などの情報を分かりやすく整理し、ユーザーが必要な情報をスムーズに確認できる構成を意識しました。

制作範囲

構成整理 / デザイン調整 / WordPress実装 / Elementor編集 / HTML・CSS調整 / レスポンシブ対応 / 料金表デザイン / LINE予約導線設計 / スマートフォン用電話リンク設定利用する方の行動を想定しながら調整を行いました。

制作期間

約3週間です。
初回の内容確認から構成案の作成、デザイン調整、実装、確認・修正まで、段階ごとに進行状況を共有しながら制作を進めました。

使用ツール

Figma / WordPress Elementor （HTML/CSSコーディングあり）/ Photoshop

制作戦略

背景と課題

既存サイトでは、保険診療中心の内容から自由診療中心の内容へ変更するにあたり、掲載情報の整理が必要な状態でした。
施術内容や料金体系が変わるため、ユーザーにとって「どの施術がいくらなのか」「初回はいくらで受けられるのか」が分かりやすく伝わることが重要でした。
また、問い合わせや予約につながるLINE導線も、ページ内で自然に目に入り、必要なタイミングで行動しやすいように整える必要がありました。

制作の意図

今回のリニューアルでは、初めてサイトを訪れた方でも、施術内容や料金をスムーズに理解できる構成を重視しました。
自由診療へ移行したことで変更になったメニューや料金情報を整理し、ユーザーが順番に内容を確認できるよう配置しています。
特に料金表は、パッと見て金額が分かるように視認性を高め、初回特別価格は重要な訴求ポイントとして、サイト内でも目に留まりやすい見せ方にしました。
また、LINEからの問い合わせ・予約につながりやすいよう、ページ内の必要な箇所に導線を配置し、内容を確認したあとに自然に次の行動へ進める流れを意識しています。

デザインの根拠

デザインは、既存サイトの雰囲気を大きく崩さず、信頼感を保ちながらも、施術内容や価格の分かりやすさが伝わるよう調整しました。
料金表では、余白、文字サイズ、表組みの見やすさを意識し、金額やプラン内容を比較しやすいデザインにしています。
初回特別価格については、他の情報に埋もれないよう、色や配置にメリハリをつけ、ユーザーの目に留まりやすい訴求エリアとして設計しました。
また、スマートフォンで閲覧するユーザーも多いことを想定し、文字の読みやすさ、ボタンの押しやすさ、LINE予約への導線の見つけやすさにも配慮しています。

活用イメージ

本サイトは、治療院・整体院・クリニックなど、サービス内容や料金体系を分かりやすく整理したい事業者に向けた制作例です。

保険診療から自由診療への移行や、メニュー改定、料金変更、初回キャンペーンの訴求など、伝える情報が多い場合でも、構成とデザインを整理することで、ユーザーが迷わず内容を理解しやすくなります。

また、PCでは電話番号を通常表示にし、スマートフォンではタップして発信できるよう設定するなど、閲覧環境に合わせた細かな実装にも対応しています。

「施術メニューや料金を分かりやすく見せたい」
「初回特別価格をしっかり訴求したい」
「LINE予約や問い合わせにつながる導線を整えたい」
「既存サイトの雰囲気を活かしながらリニューアルしたい」
「スマートフォンでも使いやすいサイトにしたい」

そのようなケースに適した制作例です。