NISHIHARA animal clinic
動物病院（架空）
- カテゴリー
- Web Design | スクール課題
- 制作ツール
- HTML/CSS / Javascript / Figma / Illustrator
制作期間
2024.-2024.4.15
概要
訓練校での最初の課題制作。家族に犬がいることと、自身の医療職に関連して架空の動物病院のWebサイトを制作した。
ターゲット
年代関係なくクリニックの周辺地域に住むペットと暮らしている方
目的
動物病院のサービス紹介と予約促進、信頼感の向上
サイト構成
予約がしやすいように、トップページに電話番号や予約ボタン、アクセスについての情報を分かりやすく載せるように意識した。
サイト上部にお知らせを設定し、最新の情報や休診情報がすぐに目に入るようにした。下部にInstagram、FBのアイコンを設定した。
写真がスクロールし院内の様子を見れる。ホバーで写真を止めてみることができるようにした。
サイト上部にお知らせを設定し、最新の情報や休診情報がすぐに目に入るようにした。下部にInstagram、FBのアイコンを設定した。
写真がスクロールし院内の様子を見れる。ホバーで写真を止めてみることができるようにした。
デザイン
院長を女性と仮定したため、ピンクやオレンジのパステルカラーを使って親しみやすさと安心感の得られる優しい雰囲気のサイトにした。
アイコンなどはメインの画像のオレンジに合わせてア補色でネイビー、ピンクの補色でグリーンを設定した。
ロゴやFaviconを作ったりなど細かい部分をこだわった。
アイコンなどはメインの画像のオレンジに合わせてア補色でネイビー、ピンクの補色でグリーンを設定した。
ロゴやFaviconを作ったりなど細かい部分をこだわった。
