ルートインBCリーグ様 WEBサイトデザイン制作
野球リーグのトライアウトCV増を目的としたサイトトップページのデザイン制作。WF制作〜デザイン・コンセプト・コピーまで対応。||使用ツール:Adobe XD、Photoshop、Illustrator||
■実際のサイトはこちら■
■デザインコンセプト■
『「夢を後押しするリーグ」ということがダイレクトに伝わり、野球選手としての未来に希望が持てるような活力のあるデザイン』
◎どんな人に?
・野球の独立リーグで頑張っていきたいと考える高校卒業生や大学卒業生
◎どんな印象を与える?
・活躍している選手がいて、自分も入ったら夢が叶えられそうという印象
・アグレッシブでスピード感のある印象
◎どこからそう感じる?
・メインで選手の写真を使用し、世界観が伝わる
・ロゴの赤をメインのカラーに使用し、斜め線でトリミングすることで野球のスピード感やアグレッシブさを表現。
・シンプルで余白を多くとり、情報が見やすい設計
・今回のLPの目的が、「トライアウトへのエントリー」なので、そのセクションをページ内に複数設置。特に、フッター前に設置することで、ページの情報を読んだユーザーが行動を起こしやすい情報設計を意識。
■デザイン詳細■
-配 色:
ベースカラー:薄いグレー
メインカラー:ロゴの赤
アクセントカラー:グリーン(ロゴ・写真)
-テイスト:シンプル&フラット
-フォント:Noto sans、Teko
-コンテナサイズ:ご指定のあった1,000pxを基準に作成しました。
■ファーストビュー 【案A】ファーストビューのコピーは、選手の写真を使用することで、インパクトがでてBCLの世界観に引き込まれる印象を作り出しています。
■実装デザイン
クライアント様のご意向で、ファーストビューのシンプルな印象をご希望され、案Bにて実装されました。
<案A>
<案B>