マンション Ｗｅｂサイト（トップページ）デザイン

マンション「グランドワーズみずの坂」のＷｅｂサイトデザイン

イラストレーター・フォトショップを初めて触ってから約１か月。
ラフデザインの甘さを指摘され、やっと制作に入っても操作方法もおぼつかず・・・。
たった一つのボタンを作るのにも予想以上に時間がかかり、泣きそうになりながらも周りに助けられてなんとか作り上げた作品です。

課題名
  • マンションＷｅｂサイトのトップページデザイン
制作時期
  • 2014年8月
案件概要
  • 名称 ： グランドワーズみずの坂
  • 事業主 ： ワーズ不動産 名古屋支店
  • 売主 ： 株式会社 ワーズ
クライアント要望
  • ターゲット層は、マンションを買おうと考えている若い世代。
  • 高級感を出し、上品なページとする。
  • Ｗｅｂから、「来場予約」「資料請求」をしてもらえるようにすること。
サイズ
  • 横幅 960px（高さは任意）
  • ※ブラウザウィンドウサイズ 1000〜1200pxを想定
制作意図
  • 20代〜40代前半の、ＤＩＮＫＳ世帯をターゲットと仮定しました。
  • マンション購入後の憧れの生活をイメージできるようにリビングの写真をメインにしました。
    ＤＩＮＫＳの方たちがマンションで過ごすのは夜が多いので、景色は夜に見えるように加工しました。
  • なお、高級感をイメージとして押し出すために企業ロゴは封ろうをモチーフにして作成しています。
  • 【来場予約】と【資料請求】のボタンをクリックしやすくするため、ページトップだけではなくページ下部にも配置。
  • 高級でおしゃれな雰囲気を出したかったので、黒に近いこげ茶をベースカラーに、アクセントでエンジ色とゴールドを使ってまとめています。
制作環境
  • Windows 8
  • Illustrator CS5、Illustrator CC
  • Photoshop CS5、Photoshop CC
制作時間
  • 約30時間