A案三角屋根
やわらかく、やさしく、落ち着いた印象
- 医院の建物の、片側へ上がる屋根の傾きを「枠」の形にしました。トップの写真は、屋根と同じ傾きで上を切った枠の中で、ゆっくり寄りながら外観・受付・処置室へと溶けて入れ替わります
- 枠の外側には屋根の線が細く描き上がり、屋根のてっぺんにはロゴの玉と同じピンクの玉が、ゆらゆらと浮かびます
- お知らせ・院長紹介・お問合せの面も、上の辺を屋根の傾きで切っています。診療科目や院内の写真も、屋根の形の枠に入れています
- 生成りの地に、ロゴの若葉の緑。角の丸いやわらかな文字で、今のホームページの葉っぱの写真もうっすら残しました
- ページのいちばん下では、医院の建物と木の線画が描き上がります
B案すこやか
見やすく、わかりやすい、すっきりした印象
- 画面いっぱいの角の丸い枠に、院内の写真が大きく、ゆっくり入れ替わります。キャッチコピーは左に、ぼかしからふわっと現れます
- トップの右下の角に「本日の診療」と受付時間の表をまとめ、来院前に知りたいことがすぐ分かるようにしました
- 白に近いあたたかい地と、ごく薄い灰緑の地を交互に。見出しは真ん中に、細めの文字で読みやすく
- いちばん上の細い行で、最新のお知らせが入れ替わって流れます
- 診療科目のカードの角には、細い線の模様が描き上がります。院内の写真は横に並べ、マウスで掴んで送れます（前へ・次へのボタンつき）
- 交通のご案内の地図は Google マップにしました（実際のホームページでは、拡大や移動ができます）
ご覧いただき方
- 「A案を見る」などから、実際の画面をご覧いただけます。動きもそのままご確認いただけます。
- スマートフォンでこのページを開くと、そのままスマートフォン用の表示でご覧いただけます。
- 画面上部の黒い帯は、案を切り替えるための案内です。実際のホームページには入りません。
- 確認用のため、メニューやボタンは押しても移動しません（マウスを乗せた時の動きはご覧いただけます）。休診日カレンダーの「前の月・次の月」と、良くあるご質問の開け閉めは、そのままお試しいただけます。
2つの案で共通していること
- 載せている内容は同じです（並び順は案ごとに少し変えています）。メインビジュアル／本日の診療／お知らせ／診療科目（一般整形外来・スポーツ総合診療）／院長紹介／院内の写真／受付時間・休診日カレンダー／良くあるご質問／交通のご案内／お問合せ
- 文章・住所・電話番号・受付時間・写真・ロゴ・地図（A案のイラストの地図と、両案の駐車場の図）は、現在のホームページ（hiro-balance.jp）の内容をそのまま入れています。トップの大きな言葉「明るく楽しい日々が過ごせるように 機能的身体維持のお手伝いをいたします」も、現在のトップページの画像の言葉です。
- 「本日の診療」は、アソビットの予定表のプラグイン（ASB Calendar Pro）の部品です。ご覧になった日の受付時間（休診日の日は「休診日」）と、その日の予定（休日当番医など）が自動で出ます。
- 休診日カレンダーも同じプラグインに置き換えています。金曜日・土曜日の休診日、特別休診日、休日当番医などは、現在のホームページのカレンダーとお知らせに載っている予定を入れています。カレンダーに予定を入れると、トップの「本日の診療」にもその日に自動で出ます。
- 今回の案には、仮に作った文章や写真（ダミー）はありません。
- 色は、ロゴの緑とピンクを使っています（案ごとに緑の色合いを変えています）。
- 画面右下の「ページの先頭へ戻る」ボタンは、案ごとに形を変えています（A案＝角の丸い四角の枠が、読み進めた分だけ描かれる、B案＝縦の文字と細い線）。組み合わせも自由です。
ご確認いただきたいこと
- A案・B案のどちらの方向がよいか
「A案をベースに、この部分はB案のように」といった組み合わせでも大丈夫です。
- トップのキャッチコピー
現在のトップページの画像の言葉「明るく楽しい日々が過ごせるように 機能的身体維持のお手伝いをいたします」を入れています。このままでよいか、ほかに載せたい言葉があればお知らせください。
- トップに載せる内容と順番
足したい内容・減らしたい内容があればお知らせください（例：院長紹介はもっと短く、良くあるご質問は別のページだけに、など）。
