HP：もりのどうぶつ病院（架空）
「病院・トレーニング・トリミング・ペットホテル」の4つの機能を軸に、動物の保護活動や里親探しまでを行うペットのトータルケア施設の紹介サイト。今の家族との暮らしから、これから新しい家族を迎えたい方へのサポート、そして共に働くスタッフ募集まで、一箇所で全てが繋がる安心感を伝えています。
- _制作範囲
- Design / Coding / WordPress
- _使用ツール
- Figma / HTML / SCSS / JavaScript / WordPress
- _ターゲット
- 大切な家族を一括して任せたい忙しい飼い主様や、これから新しい家族を迎えたい方、そして共に働く未来のスタッフ。
- _目的
- 施設の認知拡大、初診・新規利用の促進。また、里親募集への関心を高めるとともに、質の高いスタッフ採用に繋げること。
- _デザインコンセプト
- 医療機関としての信頼感を担保するため、ベージュを基調とした「清潔感」のあるデザインをベースに、柔らかく温かみのある淡いピンクをアクセントカラーとして採用しました。さらに、随所に丸みのあるパーツを取り入れることで、既存の飼い主様も、初めて訪れる未来の飼い主様もほっと安心でき、気軽に相談しやすい「親しみやすさ」を演出しました。
- _制作のポイント
- モバイルファースト設計： 外出先からの緊急時や、移動中にスマホで情報を探すシーンを想定。片手でも操作しやすく、視認性の高いレイアウトを徹底しました。
情報の整理と導線（UX）： サービス、保護活動、採用情報と多岐にわたるコンテンツを整理。ユーザーが目的に合わせて迷わず辿り着ける直感的なナビゲーションを構築しました。
更新性の高い構築： 里親募集や採用情報など、頻繁に内容が変わる項目をWordPressで構築し、現場スタッフがリアルタイムで情報を発信・更新できるよう配慮しました。
