ほしくず.com

Mansion @ GrandWas Mizunozaka

マンション課題【グランドワーズみずの坂】
Webページへ

どうコーディングするかを考えながらワンヤーフレームを起こすのに苦労しました。
また、ナビを左固定で右だけスクロールさせるのが難しく、色々調べて思い通りの動きをした時の達成感が半端なかったです。

課題名 マンション課題【グランドワーズみずの坂】
案件概要
  • 名称:グランドワーズみずの坂
  • 事業主:ワーズ不動産 名古屋支店
  • 売主:株式会社ワーズ
  • 販売価格:3LDK(90.45㎡) 3,800万円台~
  • 建物規模:総戸数50戸程度の8階建てマンション
  • コンセプト:緑豊かな環境、高級感のある創り
  • ターゲット:経済的に余裕のある共働きの夫婦 or 定年退職した悠々自適な夫婦
構成要素
  1. ヘッダーロゴ
  2. グローバルナビ
  3. メインビジュアル
  4. キャッチコピー
  5. 販売価格帯
  6. 「資料請求」「来場予約」ボタン
  7. 「物件概要、現地案内図」リンク
キャッチコピー 『洗練と、やすらぎー』
サイズ 幅:960px 縦:任意(ウインドウサイズ 1000~2000pxを想定)
制作意図 緑豊かな環境、高級感のある創り というマンションコンセプトを、どうサイトへ反映していくかが最初の課題でした。

水と緑、そして光が美しい外観写真をトップに据え、このマンションの持つ高級感と美しさを生かしてデザインしていこうと思い、縦長の外観写真を使用しても違和感のないような構成にし、また、サイトのページ自体が縦に長くなっても閲覧者が見難くないよう、左固定でナビゲーションを設置しました。

配色としては、ベースカラーをネイビー、メインカラーに白、そしてアクセントカラーとして金色を配置し、全体的に青系統でまとめました。

マンション側が一番アクションを起こしてほしい『来場予約』『資料請求』ボタンはトップページに計3つずつ配置し、固定ナビゲーションに配置されたボタンで常にひとつは閲覧者の目に入るようにしました。

作業環境
  • 制作期間:2016/8/1~2016/8/9作成 2016/8/10発表
  • 作業時間:約35時間
  • 使用ソフト:illustrator CS5、Photoshop CS5、Tera pad
  • 確認環境:Google chrome
© 2016 Webマーケティングデザイナー養成科 第12期生 生徒作品