【デザイン全体はこちら】
・PC版
https://www.figma.com/proto/Veq5pdYhEBiO9JG9XzEocw/forio_%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E9%9B%86?node-id=27-36&t=9rYtAMEjhcJLL2IG-1&scaling=scale-down-width&content-scaling=fixed&page-id=25%3A26
・SP版
https://www.figma.com/proto/Veq5pdYhEBiO9JG9XzEocw/forio_%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E9%9B%86?node-id=27-566&t=Jyfdox9YJc6WQ57J-1&scaling=scale-down-width&content-scaling=fixed&page-id=25%3A26
■ターゲット
・お子様の歯科医院で迷われているご家庭
・専門的な治療を近くで受けたい方
・定期的に通える歯科医院を探している方
■制作意図
地域の方々が安心して通える歯科医院をコンセプトを基に、信頼感と清潔感を重視したWebサイトデザインにいたしました。加えて、PC版はもちろんのことスマートフォン向け(SP版)のデザインに関しても、情報を探しやすく、読みやすい構成にこだわりました。
■デザイン詳細
・清潔感と信頼感を重視したデザイン
→ホワイトを基調にブルーをアクセントカラーとして使用し、医療機関らしい安心感と誠実さを表現しました。
・ユーザー目線の情報設計
→「診療科目」「医師紹介」「アクセス」など患者さんが知りたい情報をシンプルに整理。スマホ画面でもスクロールで直感的に閲覧できるレイアウトにしました。
・視覚的にわかりやすい診療案内
→アイコンや写真を効果的に配置し、診療内容をイメージしやすく設計。小児から成人まで幅広い患者層に対応できることを伝えています。
・スムーズな予約導線
→オンライン予約ボタンと電話予約をページ下部に固定配置し、どのページからでも迷わずアクションできるように設計しました。
・地域密着型の温かみを演出
→「院長あいさつ」や「医院の特徴」を掲載することで、患者さんが安心して相談できる雰囲気を表現しています。