マンションサイト

※画像クリックで拡大画像が表示されます※

課題名	マンションサイトデザイン
案件仕様	「グランドワーズみずの坂」Webサイトシニア・富裕層向け物件を紹介するため、高級感あふれる仕上がり
案件概要	名　称：グランドワーズみずの坂事業主：ワーズ不動産　名古屋支店売　主：株式会社ワーズ
構成要素	ヘッダーグローバルナビメインビジュアルキャッチコピーモデルルームOPEN告知販売価格帯「資料請求」「来店予約」ボタン「現地案内地図」リンク
制作意図	課題の条件として高級感を演出する必要があったため、マンションや不動産に限らず、様々なWEBサイトを参考にして配色を研究した。結果として暗色でまとめると高級感が出しやすく、多くのWEBサイトでも採用されていることがわかった。それに付加する形で、もともと高級感のあるゴールドやシルバー、ブロンズカラーを中心にロゴやナビケーションバーを配色した。また、個人的にバナー作りにも力を入れたいと思っていたので、基本的にバナーで構成されたサイトデザインとした。コーディング作業をすることを踏まえた上で、全体のバランスを考えながらそれぞれのバナーの間隔を取り、配置した。なるべくひと目でそのバナーが何を意味するかわかるよう文章や画像の選択を工夫し、配置した。
制作規格	幅：960px　縦：任意 ※ブラウザウィンドウサイズ1,000～1,200pxを想定
制作日	2015年7月
制作環境	OS/Windows7　使用ソフト/illustrator CS5・photoshopCS5
感想	手書きラフから始まり、チェックを経てPCソフトでデザインしていくというWEBデザインの流れを経験できる課題でした。バナー作成はPhotoshopの使い方を深く知る良いきっかけとなりました。時間が少しあったのでコーディングもしましたが、固定幅におけるレイアウトを実践することができ、授業で学んだHTML・CSSをより深く知ることができました。コーディングは実際やってみて、わからないことにぶつかって、その問題を解決していくことでスキルアップしていくのだと実感しました。