- 目的
- お問い合わせを増やしたい
- 完成見学会に人を集めたい
- 課題
- 資料請求ページやお問い合わせページに辿り着きにくい
- アクセス数が少ない
- 現サイトに実例の掲載が少ないため、クライアントの強みが伝わらない
- 現サイトに設置してあるボタンのデザインが目立たない
- ターゲット
- 法人ではなく個人
- シンプルなインテリアを好む福島県内の30〜40代の女性
- 情報設計
- サイト閲覧者の目を惹くことができるよう、グリッドを崩したレイアウトにしました。
- 各ページに辿り着きにくい課題を解決するため、ヘッダーメニューがスクロールに追従するようにしました。
- 「イベント情報」エリア：イベントへ参加するハードルを下げる為、「予約の受付状況」「日時」「場所」を掲載しています。
- 「資料請求」エリア：目的を達成させるため、サイト閲覧者の目を惹くようバナーを設置しています。
- 「お問い合わせ」エリア：お問い合わせのハードルを下げるため、電話番号だけでなくお問い合わせフォームへのリンクを設置しました。
- デザイン詳細
- 与えたい印象：スタイリッシュ、シンプル
- メインカラー：ロゴの青色
- 配色：青色、紺色、黒色
- フォント：明朝体
- デザイン意図
- ボタンが目立たない課題を解決させるため、リンクボタンにアニメーションを追加しました。
- クライアントの強みである「カスタマイズの自由度の高さ」を表現するため、「イベント情報」エリアのみ写真を「家」の形にデザインしました。「家づくり」を行う企業であることから、「家」の形にしています。
- クライアントの強みである「スタイリッシュな住宅デザインを得意としている」点が伝わるよう、Webサイト内のフォントをほぼ全て明朝体としました。
- 担当領域
-
デザイン/コーディング
- 開発手法
-
HTML/CSS/JavaScript
- 使用ツール
-
Illustrator/Photoshop/Dreamweaver/XD
