動物病院

animal hospital 動物病院サイト トップ画

今回、課題制作にあたり授業だけでは分からなかったコーディングへの理解が始まるきっかけとなった。

課題内容

新規開業の動物病院のサイト制作

サイズ

サイズ:幅960px~1200px 縦は任意
※ブラウザウインドウサイズ1000px~2000pxを想定

要望・指示

  • 必須項目
  • 「病院名」
    「住所」
    「電話番号」
    「診療時間」
    「地図」
    「診療対象動物」
    「診療内容」
    「サービス」
    「開業日(2017年12月1日)」


  • 指示
  • 新規オープンする動物病院のWebサイトを作成します。 動物病院のコンセプト(【どんな街にある病院か】から決めて行くと立てやすいと思います)、 テーマカラー、 ロゴマーク、キャッチコピーを考え、Webサイト制作に於ける独自のルール (Webリテラシー)を理解し、 Illustrator、Photoshopでデザインデータを作成します。 ソースコードはコードの品質の安定を目的とし、 一般的なコーディングルールで記述する。 ※トップページと下層2ページ以上のコーディング

    制作意図

    地域に密着した親身である動物病院のサイトを作りたかった。 あえて、動きを出さずトレンド感も出さずに、
    どの世代からも信頼を置かれることに重きを置いた。

    制作環境

  • 制作時間:約60時間(ラフ図・デザイン・実装)
  • システム:IllustratorCS5・PhotoshopCS5
  • ANIMAL HOSPITAL
    © 2017 Webマーケティングデザイナー養成科 第16期生 生徒作品