Kaori ポートフォリオ

架空の動物病院のサイトを制作しました。

デザイン・コーディング（レスポンシブ対応）

地元に根付いた病院サイトの更新、新規のお客様の確保

２０代〜６０代

・地元に根付いた動物病院が、サイトリニューアルしたという設定です。わかりやすく、信頼感があり、親しみも感じられることも意識しました。

・病院に警戒してしまわないように、メインカラーをオレンジにし、手書きのイラストも加えました。

・病院のロゴは自作しました。動物の耳とやまの動物病院の”やま”が一緒になっているイメージにしました。

・初めての利用者向けのリンクをスクロールして一番最初に設け、初めての方でも信頼感が得られるようにしました。その下にお知らせを提示し、常に更新していることを示すようにしました。

・レスポンシブのためpxとrem単位を併用しています。

・マウスでリンクが触れたときは分かりやすいようにfilterで色の変化をつけています。

・犬のイラストはpositionの絶対配置で位置を固定、z-indexで重なり順を前に来るようにしています。

・JQueryを使用し、トップページのファーストビューと下部で院内の写真をスライドショーにし、院内の様子がひと目で分かるようにしています。

・下層ページのご予約では、スマートフォン向けの予約サイトのリンクを作り、スマホからでもお手軽に予約ができるようにしました。

photoshop/HTML/CSS/JQuery/Bootstrap

デザインカンプ: 5日間

コーディング（レスポンシブ）: ３週間

Kaori's Portfolio