A案うつろい
やわらかく、上品で、ゆったりとした印象
- 画面を縦に3つに分けました。左に細い帯（メニュー・お電話）、真ん中に大きな絵、右で文章を読みます（参考サイト toono.or.jp の並びです）
- 真ん中の絵は、下へ読み進めるたびに、丸い色の形がゆっくり形と色を変え、線画が描き変わります（女性の横顔 → 月 → 花瓶の花 → 葉の輪 → 女性の横顔）
- 写真が無いため、線で描いた女性のイラストと、紙のような質感の丸い色の形で仕上げました。参考サイトよりも角を無くし、全体を丸く柔らかくしています
- 明朝体の文字と細い英字で、落ち着いた大人の女性の雰囲気に。色はロゴの桃色を落ち着かせた薔薇色に、くすんだ桃・灰色がかった緑・薄紫を合わせました
- スマートフォンでは、上に大きな絵、下に文章。各項目の頭に小さな線画が描き上がります
B案ほのか
明るく、親しみやすく、見やすい印象
- 上にお電話・ロゴ・メニュー、その下に画面いっぱいの角の丸い淡い桃色の枠（参考サイト okamoto-dental.clinic の並びです）
- 枠の真ん中の白い丸の中に、女性の横顔が線で描き上がります。まわりに小枝・きらめき・ゆっくり回る白い輪。キャッチコピーは縦書きの白い札で、上から順に現れます
- 丸みのあるやさしい文字で、見出しには蛍光ペンで引いたような桃色の線が引かれます
- 「本日の診療」と診療時間の表をページの上の方に並べ、ご予約の前に知りたいことがすぐ分かるようにしました
- パソコンでは画面の右の端に「お電話でご予約」の札、スマートフォンでは画面の下に「診療時間」と電話番号の帯が、いつも出ています
ご覧いただき方
- 「A案を見る」などから、実際の画面をご覧いただけます。動きもそのままご確認いただけます（A案は、パソコンの広い画面で下へ読み進めると、真ん中の絵が変わっていきます）。
- スマートフォンでこのページを開くと、そのままスマートフォン用の表示でご覧いただけます。
- 画面上部の黒い帯は、案を切り替えるための案内です。実際のホームページには入りません。
- 確認用のため、メニューやボタンは押しても移動しません（マウスを乗せた時の動きはご覧いただけます）。診療カレンダーの「前の月・次の月」は、そのままお試しいただけます。
2つの案で共通していること
- 載せている内容は同じです（並び順は案ごとに少し変えています）。ごあいさつ／お知らせ／本日の診療・休診日・診療時間のごあんない／診療科目（婦人科・内科）／診療カレンダー／施設基準・駐車場について／アクセス
- 文章・住所・電話番号・FAX番号・診療時間・休診日・お知らせ・駐車場のご案内・ロゴ・地図は、現在のホームページ（saito-ladies.jp）の内容をそのまま入れています。
- 「本日の診療」は、アソビットの予定表のプラグイン（ASB Calendar Pro）の部品です。ご覧になった日の診療時間（午前・午後、休診日の日は「休診日」）が自動で出ます。受付時間の変更がある日は、そのお知らせも出ます。
- 診療カレンダーも同じプラグインに置き換えています。現在のホームページのカレンダーの印（午前・午後 診療／休診日／臨時の休診日／受付時間変更）を、9月から来年1月までそのまま移しました。カレンダーに入れた予定は、トップの「本日の診療」にもその日に自動で出ます。
- 現在のホームページには写真が無いため、イラスト（線画）はこちらで描きました。
- ダミー の印がある所は、原稿が無いため仮に入れたものです（トップのキャッチコピーと、診療科目の説明の文）。いただいた原稿に差し替えます。画面上部の「ダミーの印を隠す」で、印の無い見え方もご覧いただけます。
- 画面右下の「ページの先頭へ戻る」ボタンは、案ごとに形を変えています（A案＝縦の文字と細い線、B案＝角の丸い四角の枠が、読み進めた分だけ描かれる）。組み合わせも自由です。
ご確認いただきたいこと
- A案・B案のどちらの方向がよいか
「A案をベースに、この部分はB案のように」といった組み合わせでも大丈夫です。
- トップのキャッチコピー
現在のホームページには無いため、仮の印（◯◯◯）を入れています。載せたい言葉があればお知らせください。
- 診療科目（婦人科・内科）の説明の文
それぞれの科について、載せたい文章があればお送りください。無ければ、科目の名前だけを載せる形にもできます。
- トップに載せる内容と順番
足したい内容・減らしたい内容があればお知らせください（例：駐車場のご案内はトップでは短く、など）。
