「【ワイヤーフレームあり】ランディングページ（M&A業界の転職サイト）のファーストビューのデザイン」へのMAEDAGUMIさんの提案（No.1）

メンバーからのコメント

WILLCO 様

初めまして、マエダグミ.デザイン と申します。
ランディングページ ファーストビューのデザイン案を提案させていただきます。



■ デザイン概要

暗め紺色と黄色の組み合わせと、大きく取った余白で高級感を演出しています。

コンテンツブロックを視覚的に切り分けるために
コントラストの強い白いブロックを使用しています。

ご指定のデザイン作成範囲よりも２段ほど先の部分も含まれていますが、
全体のテイスト・レイアウトを調整する過程でデザインを進めています。
バランス感がより分かりやすいかと存じましたので、含めて提案の画像としています。



■ ファーストビューのデザインについて

キャッチコピーから下記の印象を連想しました。

　"サービスユーザーとの協調"
　"パートナーを得て積極的に活動する意思"
　"サービスユーザーの心強いパートナーとなる"

これらのイメージに適した表現の写真素材を使用して、ページトップを構成しています。

※　使用した素材はPIXTAのカンプ用写真です。
　 デザインカンプ用に一部修正しています。


キャッチコピーと写真の関係性を強めるため、
コピー → 写真 の順で閲覧者に意識されるように、ワイヤーフレームとは逆の配置にしています。



■ 使用色について

「希望する色」にご指定いただいたいる青を
高級感のあるネイビーとして構成しました。

うっすらとですが、テクスチャを付与しています。
これにより画面に質感を与え、ブランドサイトの様な高級感を演出しています。




モバイルサイトのデザインイメージも別途提案しておりますので、ご参照ください。




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

マエダグミ.デザイン (MAEDAGUMI.DESIGN)