Web Page
もりん動物病院
概要
架空の動物病院のWeb サイトを制作しました。
サイトの目的
ペットの健康状態に不安を感じている方の不 安を解消し、動物病院への来院を促すこと。
ターゲット
20代以上の、性別を問わずペットと暮らす方。
制作時間
40時間
使用ツール
Figma
使用カラー
コンセプト
モンゴル語で「森」を意味する「モリン」を冠し、動物たちにとって本来の居場所である自然や、 森が持つ癒し・安心感を感じられるデザインを目指しました。緑色を基調に、安心感とかわいら しさを感じられるデザインとすることで、飼い主の方が親しみを持ち、来院しやすいと感じてもらえる ことをコンセプトとしました。
フォント
MVにMonstera、見出しKiwiMaruの丸みのある書体を用いることで、 病院と言う場であっても、硬くなりすぎない、やさしく親しみやすい雰囲気にしました。本文には Noto Sans JP を使用し、情報が多い場面でも読みやすいよう可視性を意識しました。数字は小さいサイズでも数字が明確に見える ようにInterを使用しました。
デザイン
メインカラーはブラック、サブカラーはゴールド、文字色は白を使用し、 落ち着いた高級感を意識しました。全体に余白を感じさせ、料理写真やコ ンテンツが引き立つようバランスを考えました。