制作時間：約3日間
制作範囲：情報設計、デザイン、実装
使用ツール：STUDIO、Photoshop、CANVA（イラスト素材）、Adobe Express（写真素材）
①成果物
②要件定義
◆制作目的：
- ウェブサイトの新設によりお客様に必要な情報を届ける
- 新規顧客が来院しやすいように、病院情報をトップページに掲載
- 就職を考えている学生、キャリア入社者も閲覧できるサイトづくり（この目的、ニーズが昨今特に高い）
◆ターゲット：
・この地域に住む既存・新規顧客。
・獣医師、動物看護師、トリマーで求職中の方
◆サイズ：PC横1280px × 縦 自由
◆必要な記載事項：
・TOPページに病院情報、診療内容、アクセス（駐車場含む）、お知らせ情報（休診情報など）を入れること。
・TOPページ以外にスタッフ募集フォームのページを作成する。
◆課題：
・お知らせ情報は定期的に変わるため、病院スタッフの方でも簡単に修正できるようにノーコードツール「STUDIO」を使用する。
③ビジュアルデザイン
●作成の経緯
近所の動物病院でホームページがない病院があり、サイト制作をご提案したところヒアリングまでで制作依頼獲得までには至らなかったが顧客のサイトへの要望をお伺いしたため、架空案件としてサイトを自主制作した。
●情報設計
・顧客の元々のニーズは「イメージは電話帳タウンページ のような必要情報のみを掲載したシンプルなサイト」で、「病院をPRするようなデザインや、患者様に寄り添うといったイメージアップ戦略のような文言は排除したい」とのことでした。
その為、TOPページは既存・新規顧客が必要になる情報のみを掲載。
一方で大学向けや求職者向けにサイトを作成したい目的が第一であったため、スタッフ募集（応募フォーム）のページを作成。
トンマナは病院のロゴに使用されていた青色をベースにシンプルにするため青を濃淡を変えて使用✖︎白色をベースにして作成。先進医療のクールさやPRは極力排除したいというニーズが前提であったため、TOPのメインビジュアルは病院の外観写真や施設写真は使用せずに動物の写真を使用。
④こだわった点
・診療動物は一眼で分かるように動物のイラストを使用。
・情報設計で記載したとおり、必要最小限の情報のみ挿入した。
・スタッフ募集のフォーム作成により採用の効率化を図る。
⑤制作を通して学んだこと
・STUDIOの操作方法について
・問い合わせフォーム作成について
・顧客へのヒアリング、提案資料作成、スケジュール管理