デモ制作整体院
デモ制作 ATHLETE BASE
この作品は、お客様案件ではなく制作スキルを示すための「デモ制作」です。
業種
整体院
担当範囲
LP・Design・HTML・JavaScript
使った技術
- LP
- Design
- HTML
- JavaScript
制作実績:学生アスリート専門ケア「ATHLETE BASE」ランディングページ(デモサイト)
「その一歩を、競技の力に。」
ケガからの復帰を目指す学生アスリートと、その成長を支える保護者の方へ。
身体の不安を安心に変え、競技を続けたいという想いに寄り添う、スポーツケア施設のランディングページを制作しました。
■ ターゲット
【エンドユーザー(このサイトを見るお客様)】
部活動やスポーツに打ち込む中学生・高校生を中心とした学生アスリートと、その保護者の方。
試合前の身体の違和感、繰り返す痛み、ケガからの復帰時期などに悩みながらも、「できるだけ早く競技に戻りたい」「安心してスポーツを続けたい」と願っている方を想定しています。
また、保護者の方は、施術内容や料金、安全性、通いやすさなどを重視しています。
専門的なケアを受けられることはもちろん、本人も保護者も納得して相談できる、信頼できる施設を求めています。
【クライアント(想定するオーナー様)】
学生アスリートのケガのケアやコンディショニング、競技復帰のサポートに力を入れているスポーツ整体・コンディショニング施設のオーナー様。
施術だけでなく、競技特性や身体の使い方、日々の練習環境まで考慮し、一人ひとりに寄り添ったサービスを提供したいと考えています。
しかし、専門的な技術や想いが十分に伝わらず、競技に真剣に取り組む学生や保護者との接点を作りきれていない。
さらに、施術中は電話に対応しづらく、予約の取りこぼしも課題となっている。
そんな施設を想定して制作しました。
■ どんな想いで作成したか?
「競技を続けたい。その気持ちを、ひとりにしない。」
そんな想いをWebサイトのデザインと情報設計を通して伝えることを大切にしました。
スポーツケア施設のホームページというと、力強い写真やインパクトのあるキャッチコピーで技術力をアピールするデザインも考えられます。
しかし、今回重視したのは、競技への情熱だけではなく、ケガや不調を抱える学生と保護者の「不安な気持ち」に寄り添うことです。
ファーストビューには「その一歩を、競技の力に。」というメッセージを配置。
単に痛みをケアする場所ではなく、学生アスリートが次の一歩を踏み出すためのパートナーであることを表現しました。
デザインでは、余白を活かした読みやすいレイアウトと、学生アスリートの自然な表情や施術風景を組み合わせています。
スポーツらしい前向きな雰囲気を保ちながら、医療・身体ケアに求められる清潔感、誠実さ、安心感を大切にしました。
構成面では、単に施術メニューを紹介するのではなく、「どんな悩みに対応しているのか」「どのような考え方で身体と向き合うのか」を段階的に伝える設計としています。
特に意識したのが、学生本人と保護者の両方に伝わる情報設計です。
競技を続けたい学生には、復帰に向けたサポートや身体のケアを。
保護者の方には、院長の考え方や施術内容、料金、初診の流れなどを分かりやすく掲載。
専門用語に頼りすぎず、初めての方でも安心して相談を検討できる構成を目指しました。
また、予約導線にもこだわっています。
施術中に電話対応が難しい施設の運営を想定し、Web予約とLINE予約の導線を配置。
サイト内で施術メニューを確認し、そのまま予約へ進めるような画面構成を設計しました。
※予約機能はデモ用の画面設計であり、実際の予約サービスとの連携は行っていません。
さらに、初診の流れやよくある質問、アクセス情報など、来院前に知りたい情報を整理することで、予約を検討する際の心理的な負担を減らすことも意識しています。
ただ見た目が整っているだけではなく、施設の想いが伝わり、お客様の不安が少しずつ安心に変わっていく。
そして、「ここなら自分の身体を相談できそう」「子どもを安心して任せられそう」と感じてもらえる。
そんな信頼関係の入り口となるランディングページを目指して制作しました。
---
制作区分:ランディングページ(デモサイト)
業種:スポーツケア・整体・コンディショニング
主な設計ポイント:ターゲット別の情報設計/院長紹介/施術案内/料金・FAQ/Web・LINE予約導線/スマートフォン対応
サイトURL: https://bespoke-selkie-4cc496.netlify.app/
※本サイトは制作実績紹介用の架空施設を想定したデモサイトです。掲載している施術実績、料金、お客様の声、所在地などは実在施設の情報を示すものではありません。
