美容医療がはじめての方でも相談しやすい、架空の美容皮膚科クリニックサイトを制作しました。
スマホ閲覧を前提に、お悩み別導線、施術一覧、料金・FAQ、カウンセリング予約までの流れを整理し、Instagramから興味を持ったユーザーの不安解消と予約導線を意識して設計しています。
美容皮膚科クリニックの公式サイトとして、施術内容や料金、初診の流れを分かりやすく伝えるサイトを制作しました。
美容医療がはじめて、または経験が少ないユーザーを主な対象とし、Instagramなどで興味を持ったユーザーが、サイト上で不安を解消しながら予約検討できる構成を目指しました。
美容医療に関心があっても、施術名や料金体系が分かりにくいと、予約前に不安を感じやすい。
また、Instagramの投稿やDMでは、カウンセリングのみの予約可否、施術が決まっていない場合の相談、追加費用、当日施術、メイクの可否など、来院前の不安に関する質問が多く発生している想定。
スマホ閲覧を前提に、TOPページから「お悩みから探す」「施術一覧」「初めての方へ」「料金・FAQ」「カウンセリング予約」へ進める導線を設計しました。
Instagram投稿やDMで多く発生しやすい質問(想定)を、FAQ・初めての方へページ・予約フォームに反映し、SNS流入ユーザーが予約前の不安をサイト上で解消できる構成にしています。
Instagramで興味を持ったユーザーが、サイト上で予約前の不安を解消できるように導線を設計しました。
DMで質問されやすい内容をFAQや初めての方へページ、予約フォームに反映し、SNSから予約検討へ進みやすい構成にしています。
TOPページでは、クリニックの方針と主要導線が伝わる構成を設計しました。
「お悩みから探す」「初めての方へ」「施術一覧」「料金・FAQ」「カウンセリング予約」へ進みやすくし、Instagramから訪れたユーザーの受け皿としても機能するページにしています。
施術名が分からないユーザーでも、自分の悩みから施術候補へ進める導線を設計しました。
シミ・肝斑・くすみ、毛穴・ニキビ跡、乾燥・ハリ不足、医療脱毛など、悩み別に情報を整理しています。
施術一覧では、提供施術をカテゴリ別に整理し、料金・施術時間・ダウンタイムを比較しやすく表示しました。
施術詳細ページでは、施術内容、向いている悩み、料金、痛み、注意事項などを整理し、予約前の判断材料を確認できる構成にしています。
予約前の不安を解消するため、初診の流れやカウンセリングについてまとめたページを制作しました。
カウンセリングのみでも予約できること、施術をその場で決める必要がないことを伝え、初回予約への心理的ハードルを下げる構成にしています。
InstagramのDMなどで質問されやすい料金への不安と、予約前によくある質問をまとめて確認できるページを制作しました。
料金表はスマホでも見やすい形に整理し、FAQはアコーディオン形式で表示することで、必要な情報を探しやすくしています。
施術が決まっていないユーザーでも予約しやすい、サイト内カウンセリング予約フォームをデザインしました。
希望内容や気になる悩みを選択式にし、送信前に予約確定までの流れも確認できる構成にしています。
スマホファーストで使いやすいサイトにするため、固定CTA、FAQアコーディオン、カテゴリタブ、施術カード、料金カードなどのUIパーツを実装しました。
長い情報をそのまま並べるのではなく、カードやアコーディオンで整理し、必要な情報を見つけやすくしています。
本作品は架空クリニックを想定した自主制作ですが、実案件と同じように要件定義からサイト構成・導線設計を整理したうえで制作しました。
美容医療初心者の不安を減らすことを重視し、悩み起点の情報設計、料金・FAQの整理、施術未定でも進める予約フォームを中心に設計しています。
また、Instagramから興味を持ったユーザーの流入も想定し、DMで質問されやすい内容をFAQや初めての方へページ、予約フォームに反映しました。
SNSでの興味喚起から、サイト上での情報確認、カウンセリング予約までつながる導線を意識しています。
