--------------------------------------------------
▶︎フォント
--------------------------------------------------
Noto Sans Japanese
https://fonts.google.com/noto/specimen/Noto+Sans+JP
クセがなく読みやすいフォント。文字の太さも豊富で使いやすいWebフォントを選びました。
ロゴもゴシック系なので親和性が高いかと思います。
Googleフォントなので無料で使用できます。
メンバーからのコメント
お世話になっております。デザイナーの柴田やすかです。
先日はお声かけいただきありがとうございました!
少し遅くなってしまいたしたが、
デザイン作成いたしましたので、提案させていただきます。
プロトタイプをご用意いたしましたので、ぜひブラウザでご確認くださいませ。
ご検討のほど、どうぞよろしくお願いいたします!
--------------------------------------------------
▶︎プロトタイプ
--------------------------------------------------
https://xd.adobe.com/view/aa6e8201-7b8b-4698-71cb-e63e85600bbb-dc5f/
PASS:220623Ucar
※ MV左上ロゴ:クリックで「PC / スマホ」切り替わり
※ フォーム箇所:クリックで「入力前→入力後→エラー」の順に切り替わり
※ hover、ページ内リンク:可能な限り設定済
--------------------------------------------------
▶︎デザイン意図
--------------------------------------------------
[全体]
・「ログイン」「新規登録」の行程が簡単な印象になるよう、デザインは極力スッキリ&シンプルに。
・ビジネス系サービスではないので、あまり固い印象にならないように。
色数を減らし、青系&柔らかめで統一。動きのあるイラストでカジュアル&ポジティブな印象に。
・「新規登録 / ログイン」「ローン」「保証」が並列になっていたので、
「新規登録 / ログイン」と「サービス説明(ローン / 保証)」の構成に変更。
[MV]
・初めて来た方にもサービス概要が分かるよう、MVにコピーを追加
・ログインページなので、ファーストビューに置く情報はログインと新規作成のみに。
・おもちゃの写真+イラストでカジュアルめに。
・「申込金額(=サービス売上)」はユーザーの得になる情報ではないので、
あえて入れていません。(BtoB向けサイトなら魅力になると思います)
[header]
・「ログイン」に加え「新規登録」ボタンも設置。
・「ログイン」「新規登録」は固定で常に画面に残るように。
[コンテンツ]
・サービス概要を追加。詳細は各LP(下層ページ?)へ誘導を想定。
・サービスごとにカラー分けして差別化。
・サービス説明はアイコン+一言のみでシンプルに分かりやすく。
--------------------------------------------------
▶︎フォント
--------------------------------------------------
Noto Sans Japanese
https://fonts.google.com/noto/specimen/Noto+Sans+JP
クセがなく読みやすいフォント。文字の太さも豊富で使いやすいWebフォントを選びました。
ロゴもゴシック系なので親和性が高いかと思います。
Googleフォントなので無料で使用できます。