デザインカンプ
◆制作にあたり
・制作時間は、約540分
・コーポレートカラーを順守し優しさのある色合いを吟味し制作しました。
・今回は複数ページ制作であり、不慣れであったためCSSをそれぞれ別で作成。
・各ブレイクポイントにおいても問題なく表示できるように、覚えたgridを
使用し、各ページ、各Sectionのレイアウトで使用。
・フォントを丸みのおびたものを選択し、優しさを表現しました。
・四角の枠の角丸を使用し同様に優しさを表現しました。
・ロゴにも優しさが出るように丸みをつけコーポレートカラーで制作しました。
・トップページの「ご案内」から各ページに遷移できるようにバナーを作成し
リンク設定しました。
・画像での制作において、フリーダイアル、「求人」のバナー、「お問い合わせ」
ボタンを制作しました。
・ページによりイラストを多数使用し、優しさと楽しさが伝えております。
・headerの各リンクにアンダーバーのアニメーションを設定しました。
・メイン(トップ)の写真が遷移するように設定（Gifアニメーションを使用）。
(※cssでのアニメーション設定はこの時点では教わっていない)
・表示幅に伴い、４列から１列で表示できるようにしております。
・スクロールしても画面内に表示される「問い合わせ」ボタンと
・複数ページ制作が初めてであったため大変苦労しましたが、想定したものは
出来たと思っております。
◆指示書内容
を参考に制作（※階層は纏めても可）
■施設名：
キョウリツ・デイサービス
■作成目的：
利用者の集客
従業員・パートの募集（バナーにて表現）
■ナビゲーション：
ＨＯＭＥ
施設案内
施設の一日
施設周辺ＭＡＰ
ご利用料金
お食事
ご利用のながれ
■その他リンク：
施設概要
お問い合わせ
採用情報
個人情報保護方針
■トップページに必要な項目：
キャッチフレーズ
新着情報
カレンダー
電話番号
メインイメージ画像
見学・体験利用の募集
お問い合わせボタン
その他、必要と思われる項目
■コーポレートカラー：
緑・青（水色）・ピンク
■ロゴについて：
葉っぱをモチーフにしたデザインで新規に作成
キョウリツ・デイサービスの文字を必ず入れる
■キャッチフレーズ：
心豊かに過ごせる時間を私たちと過ごしましょう
お年寄りが快適に過ごせる第2の我が家、キョウリツ・デイサービス
■デザインについて：
やさしいイメージ
高齢者に適切な文字サイズを意識する
２カラムまたは、３カラムデザイン
※ワイヤーフレーム通りでなくてもOK
横幅は 1280×1024モニター環境 で適切に閲覧できること
※縦スクロール可
■問い合わせボタン：
トップページ、中ページのいずれかの場所に
問い合わせボタンを配置
スクロールしても画面内に表示されるようする
■施設概要：
住所：東京都中野区東中野0-1-2
電話番号：0120-××××-××××
ＦＡＸ：03-××××-××××
■写真素材について：
配布以外の使用禁止（トップページのみ）
■中ページ：サイトマップのファイル名を参考にページを作成
中ページ分は素材の用意がないので
商用利用可の写真素材を探し使用すること
■コピーライト：
Copyright (c) 職業訓練課題. All Rights Reserved.
■レスポンシブ対応：
ブレークポイントは800pxと600px