はじめてのWebサイト画面デザイン!
Webサイトは「使いやすさ」や最初に見える画面(ファーストビュー)の見せ方が重要など、
初めて知ることばかりでした。
マンションサイト 「グランドワーズ みずの坂」 |
案件概要
名称:「グランドワーズみずの坂」
事業主:ワーズ不動産 名古屋支店
売主:株式会社ワーズ
サイズ
幅960px 縦任意
※ウィンドウブラウザサイズ1000~1200pxを想定
ターゲット
30代から40代の若い夫婦
構成要素
- ヘッダーロゴ
- グローバルナビ
- メインビジュアル
- キャッチコピー
- モデルルームオープン告知
- 販売価格帯
- 「資料請求」「来場予約」ボタン
- 「現地案内図」「物件概要」リンク
|
制作期間 |
2014年9月20日~9月20日(25時間) ※デザインのみ |
制作意図 |
1.室内の写真で、お客様に暮らしをイメージさせる
ターゲットが30代から40代の夫婦なので、家族を意識した構成を心がけました。メインビジュアルには、家族で過ごす時間が最も長い部屋であるリビング・ルームの画像を配置。室内の写真を見せることでお客様が暮らしをシミュレーションしやすくなります。広々とした室内のイメージを出す為、メイン画像はブラウザウィンドウいっぱいの1200pxで作成しています。
2.「暮らしやすさ」を家族にアピール
暮らしやすさが伝わるよう、近くに幼稚園や学校、スーパー等の生活利便施設がある点などをファーストビューでアピールしました。洗練された外観や、緑豊かな環境、機能的なキッチン等もクリックせずに見られるよう、画面下方に画像と説明文を掲載。ページのストレスの少なさが、この物件の「暮らしやすさ」のイメージに繋がればと思い、他のページに行かなくてもこの物件の魅力が十分に伝わるように配慮しました。
3.高級感を感じさせる色とフォント
高級感と同時に明るさ、暖かさも表現する為、白を基調にゴールド・ベージュをサブカラーに使用。写真の色を邪魔しないよう、色数は少なめに抑えました。来場予約や現地案内図等のバナーにはワインレッド、濃紺をそれぞれ使用し、アクセントをつけています。
フォント、明朝体とセリフ体を使用し、全体の高級感をより強く印象付けています。
|
ロゴ |
|