【サイト制作】架空の動物病院

OVERVIEW

架空の動物病院Webサイトのデザインとコーディング

<制作期間>
3週間


<使用ツール>
Photoshop、illustrator、VScode


<コンセプト>
ペットと飼い主様の生活に寄り添いながらサポートしていく動物病院


<ターゲット>
ネットの苦手な年配の方や、ペットが急に体調を崩し急いで病院を探している方など。


<デザイン>
・必要な情報がすぐ見つけられるようシンプルなサイトになるよう心がけました。
・病院の清潔感と安心感をイメージしてカラーは緑とカーキを基調にしました。



topページ

・電話番号と診療時間をすぐ目に入りやすいところに配置し、急いで連絡したい方やインターネットが苦手でネット予約などが難しい方でもすぐに病院の情報を得て連絡ができることを意識してデザインしました。

・犬と猫が診療対象の病院のためメイン画像には診察中の犬とドクターの写真、トップページ上方から下方に向って各コンテンツを通りながらマイペースに散歩しているイメージで猫と足跡のイラストを入れ、足跡をたどった先の座った猫にページ先頭に戻るボタンを配置しました。


当院についてページ

・院長のあいさつと紹介が読みいやすくなることを意識しました。
・当院の対象動物はトップページにも一部記述をしましたが、このページでより詳しく説明を入れています。


診療案内ページ

・トップページに載せていた診察案内の表と注意書きを大きな表示にしました。
・「休診日」と「ペットホテル・トリミングは行っておりません。」を特に強調したかったためアンダーラインを入れ目に入りやすくしました。


アクセスページ

・トップページに載せていた地図とアクセス方法のほかに、専用駐車場の案内も写真を入れて紹介しています。

・トップページの駐車場案内をクリックすると、このページの『駐車場のご案内』に飛べるようにしました。