依頼概要やその他の情報を整理して、ワイヤーフレームを作り、デザインのトンマナを固め、デザインカンプ制作に着手。ファーストビューを先行して制作し、全体のイメージを確認していただきながら進めました。担当範囲はデザイン全般です。
●カラー
全体的に柔らかい雰囲気になるように薄めのピンク色や白を使い、ご要望にも合った女性らしいカラーを選びました。
●タイポグラフィ
サイトのフォントにはRounded Mplus 1c、ファーストビューのキャッチコピーには、Rounded Mplus 1c Boldで存在感がありながら優しい雰囲気を出しました。
●情報設計
FVでは、ターゲットでもある運動が苦手な方でも大丈夫ということを一目でわかってもらえるように、またCVボタンを最初に目が入る位置に配置し、見た人がすぐにアクションを起こせるように意識しました。
●工夫したポイント
FVの写真はトレーナーとの距離が近く、安心感が伝わるものを選定し、初めての方でも不安を感じにくい印象になるように工夫しています。また、情報量が多くなりすぎないように余白を意識し、見出しの強弱や視線の流れを整えることで、読みやすいデザインを心がけました。
Figmaでワイヤーフレームの作成から、デザインカンプ制作まで行いました。
