https://preview.studio.site/live/rROn5kXLWA
女性向けキャリアスクールサイトをSTUDIOにて作成いたしました。
・課題用のロゴマークからこのサイトのカラーを#8CC6D5 に決定し、CTAボタン・サブタイトルなどはこちらで統一しました。
・女性向けのサイトのため、吹き出しを黒から白に変更しました。
また、キャリアに悩む女性のイラスト画像を挿入し、画像に使われている#971B3B を使用し吹き出しを作成しました。
・画像のパディングをマイナスにし、吹き出しのboxの真ん中に配置し、悩みを可視化したようなデザインを意識して作成いたしました。
また、吹き出しは絶対位置にしたことで、タブレットやスマホで見た際にも崩れないようレスポンシブデザインが作成し易いようにしました。
・誰でも受講できるという点を強調するため、ポップで親しみやすいデザインを購入し三種類挿入し、イメージが湧きやすいやすいようにしました。
・このコースの差別化されているポイントであるオンライン受講が可能なことを強調するため、
カラー#971B3Bを使用して見出しを作成しました。
また、画像のうち2種をオンライン似て作業している画像に変更し流し読みをされてもイメージとして目に残るよう意識しました。
・ここでのサイトの最終目標はサービスの認知として、説明を行いました。
そして、このサイトを訪れたお客様の層は興味フェーズにあると考え、受講資格を記載した後に、お客様が自身が対象か確認できるような診断ボタンを作成しコンバージョンにつなげることを意識しました。
マイナスポイント:レスポンシブデザインまでは作成できませんでした。
別のウィンドウで確認した際余白が多かったため、文字での説明が続いたコンテンツでは、文字分を大きくし、背景に動きをつけてよかったとお思います。
申し込みの流れの欄はアクセントカラーを用いた矢印などを挿入し3ステップであることをより強調できると良かったと思います。