お世話になっております、マドデザインでございます。
先ほど提案したデザインの追加イメージを添付いたします。
ほか、もう一点ほど追加します。
ご確認よろしくお願いいたします。
はじめまして。
マドデザインと申します。
この度、本案件に大変興味を持ちましたので、
デザインを提案させていただきます。
以下、テキストと一緒にご確認よろしくお願いいたします。
ーーーーーーーーーーーーーーーーーー
【背景】
・ターゲットユーザーは多様なキャリア希望をもつIT系エンジニアの方々。
∟ エンジニアは、普段からWEBに接しているので見た目の装飾性よりも情報検索性が高い方が好まれるかと思います。
∟ 様々な世代が使用するため、可読性、視認性、ユーザビリティの高さが要求されます。
【解決策(コンセプト)】
・ユーザビリティの高さをテーマに…
∟ 機能を絞った、検索しやすいレイアウト
∟ 直感的に判断できるようアイコンを多用
∟ 読みやすさを重視した余白、テキストサイズ
といった要点を重視してデザインを作成しました。
【ポイント】
デザインのポイントは以下にまとめさせていただきました。
番号は、別途添付したsample.jpgと一緒に照らし合わせながらご確認下さい。
①固定ヘッダー
ヘッダーはスクロールしても上で常に閲覧できる状態を想定しております。
②求人検索(2段→1段のヘッダーに)
ヘッダーは1段にしてまとめることでコンパクトに調整いたしました。
③メインキャッチ
こちらは登録を促すキャッチコピー、ボタンを省き、まずは検索するように誘導します。
∟ エンジニアをされている方々は普段から情報整理に長けているため、
まず検索した後、求人情報から登録するか否かを判断する傾向にあると考えております。
④お知らせ
こちらはワイヤーでは入っていなかったため、現在はお知らせが発生した時に表示する想定で考えております。
今後の拡張次第では、常時表示でも問題なく、お知らせ一覧へのリンクを設置することも可能です。
※ デザインカンプは表示、非表示版で2枚に分けて作成しております。
⑤目的別で求人を探す
・特集より上に配置し、検索を再優先にしております。
・人の目は情報を読むとき、「Fの字」の形で視線誘導すると言いますが、人の目線は一定以上、横長に動かしにくい傾向にあります。
そのため横長に検索エリアを分けるのではなく、縦に3分割することで、視線を動かしやすいレイアウトに調整いたしました。
⑥新着の求人情報
赤く塗っているエリアはテキストボリュームが大きく変動する箇所となります。
テキストの読みやすさを確保するため、ここは2列のレイアウトで作成しています。
現在は4点の求人情報ですが、6点掲載されたい場合は調整いたします。
⑦コンサルタントの紹介
ここはコンサルタントのステータスを開示して信頼性を訴求するエリアだと解釈しております。
マウスホバーで一言吹き出しを追加するなど、少しでも親密感が出るように仕掛けを追加しました。
また、下に「コンサルタントに無料相談する」というボタンを入れて登録画面へ遷移するよう促します。
⑧ページトップ
ページトップは、今配置されているエリアに固定ではなく、
一定数スクロールすることで画面右下から現れ、そのまま右下に常に表示される想定です。
◯トンマナについて
気軽さやオープンなテイストを出すため、ボタンなどには角丸を採用しております。
角丸の要素は、そこがボタン選択できるというヒントになる上
柔らかく、優しいイメージにつながっていくためです。
【補足】
・少人数体制ではありますが、コーディングも対応可能です。
別途ご相談くださいませ。
ーーーーーーーーーーーーーーーーーー
デザイン案について、ご質問、修正などございましたら
遠慮なくご連絡いただければと思います。
以上です。ご検討の程、何卒宜しくお願い致します。
メンバーからのコメント
お世話になっております、マドデザインでございます。
五月雨ですが、デザインの補足資料を追加いたしました。
こちらの画像ファイルを参考に、提案文をお読みいただけると幸いでございます。
そのほか相談などございましたら、遠慮無くご連絡くださいませ。
何卒よろしくお願いいたします。