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

https://aoki-iryou.com/toyohashi_iwata

プロジェクト概要

ご依頼内容

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

対応範囲

Figmaを使用した構成整理・デザイン作成から、WordPress上でのコーディング・実装まで対応しました。
ページ内の情報整理だけでなく、料金表の見せ方、初回特別価格の訴求、LINE予約への導線、スマートフォンでの見やすさなど、実際にサイトを利用する方の行動を想定しながら調整を行いました。

制作期間

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

使用ツール

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

制作の背景

既存サイトの課題

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

改善の目的

今回のリニューアルでは、初めてサイトを訪れた方でも施術内容や料金をすぐに理解できることを重視しました。
特に料金表は、パッと見て金額が分かるように視認性を高め、初回特別価格はサイト内でも目立つ要素としてしっかり訴求できるようデザインしました。
あわせて、LINEからの問い合わせ・予約につながりやすいよう、必要な箇所に導線を配置し、ユーザーが迷わず次の行動へ進める構成を意識しました。

対応内容

構成の整理

サイト全体の情報を見直し、施術内容・料金・予約導線が分かりやすく伝わるよう構成を整理しました。
自由診療へ移行したことで変更になったメニューや料金情報を、ユーザーが順番に理解できるよう配置し、必要な情報にスムーズにたどり着けるページ構成に整えました。
また、LINE予約への導線もページ内に配置し、内容を確認したあとに自然に問い合わせや予約へ進める流れを意識しています。意識しました。

デザイン調整

料金表は、ユーザーが一目で金額を確認できるよう、余白・文字サイズ・表組みの見やすさを意識してデザインしました。
特に初回特別価格は重要な訴求ポイントとなるため、サイト内でも目に留まりやすいよう、他の情報との差別化を図りながら目立たせています。
全体としては、既存サイトの雰囲気を大きく崩さず、信頼感を保ちながらも、サービス内容や価格の分かりやすさが伝わるデザインに調整しました。象で信頼感が伝わるデザインに整えました。

コーディング・実装

WordPress上で、デザインに合わせたレイアウト調整や表示修正を行いました。
PC・スマートフォンの両方で見やすく表示されるよう確認しながら、必要に応じてHTML・CSSで細かな調整を行っています。
電話番号については、PCではクリックできない通常表示にし、スマートフォンではタップして発信できるように設定しました。小さな部分ではありますが、閲覧環境に合わせて使いやすくなるよう、細部まで配慮して実装しています。