建築事務所のトップページデザイン【1Pのみ】 - ウェブケイの提案

※ このランサーは「ウェブサイト制作・デザイン」のお仕事で39件の評価を獲得しています。

お世話になります。
ウェブケイの田中と申します。

ページデザインのご提案をさせていただきます。

---------------------------------
デザインコンセプト
---------------------------------
色数は多く使わずオレンジ系の色を使用しシンプルにまとめています。

全体のレイアウトはブロークングリッドレイアウト（一部をあえてずらす手法）をとることで
部分的に目立たせたい箇所を目立つようにすることや、
レイアウトの退屈感を取り除いています。

また、一部のフォントは丸文字の手書き風とすることで硬さが取れ、
優しく柔らかさが強調されるとともに
目線の誘導をとれるようデザインしております。


●右サイド
「資料請求ボタン」「Facebook・Instagramボタン」「サイト名」「ページトップボタン」は
スクロールしても追従（固定表示）するのを想定しています。
特に右上の「資料請求ボタン」が多くクリックしてもらえるようレイアウトいたしました。


●メインエリア（ファーストビュー）
サイトの温かみがある雰囲気を盛り上げるため
家の模型を手にとった笑顔の女性の写真を使用いたしました。

また、ニュース欄をメイン右下に配置し
新着情報がより伝わりやすくなるとともに
ファーストビュー下のWORKSへスクロールですぐ到達できる
利便性を向上させております。


●WORKS
写真を大きく３つ並べ、写真がより引き立つようシンプルにまとめています。


●OUR WAY
思いを伝える箇所＋各ページへの誘導を
見た目上左右に分けることで見やすいレイアウトとしています。
バナーはずらして表示し目立たせるとともに
特徴感を引き立てたレイアウトとしました。


●VOICE
家族の笑顔の写真を大きく表示し印象を暖かくしています。


●SALE
販売物件の表示は4件ですが、左右ボタンを配置し一覧ページに移動せず
トップページである程度の数の物件を確認できるように配慮しています。

●SALE下の3つのバナー
移動先のページのイメージに合わせシンプルに
キャッチを入れたデザインとし、誘導をはかります。


●Instagram
写真は右から左へ自動スクロールし表示されるのを想定してレイアウトしております。


※一部写真はカンプデータ（サンプル）を使用していますので
　納品時に差し替えてまいります。


修正点などございましたら修正してまいりますので
お気軽にお申し付けください。

以上、ご検討のほどよろしくお願いいたします。