Facebook Webオンラインスクールバナー
Logo

Webオンラインスクールバナー

クレジット
Avatar
Photoshop
Webオンラインスクールバナー-1
シェア
制作ノート
デザインについて

1.ターゲット

30代で自分のキャリアに疑問や不安を抱き、今までの経験を活かしたキャリアアップ、あるいは未経験からのキャリアチェンジを模索している層。

2.ビジュアルイメージ

オフィスという枠にとらわれず、パソコン1台で仕事をする姿を通じ、理想のライフスタイルをイメージ。中堅層としての余裕と、一歩踏み出す前向きなエネルギーを感じさせる女性の表情を採用。

3.カラー

背景のテラスや建物と調和するベージュ・ブラウン系を使用。信頼と知性を印象付けるブルー系をアクセントカラーに使用。背景の空・海の色とリンクさせつつ、CTAボタンに使用して視認性を高めました。

4.タイポグラフィ

「リフレーミングする?」という心理学用語を用いたコピーを大きく配置。ユーザーが自身のキャリアを「再定義」するきっかけとなるよう意図しました。キャッチコピーには支援内容(リスキリング等)を配置しました。

5.情報設計

「リスキリング支援」「キャリアの可視化」という具体的なメリットを中央に配置し、学び直しの価値を伝えています。視線が自然に下部へと向かう流れを作り、青色のボタンで「無料カウンセリング」への参加を促しています。

6.工夫したポイント

背景写真の質感を活かしつつ文字を読みやすくするため、写真の上に1枚レイヤーを重ねて背景をぼかす処理を施しました。現代のキーワードである「リスキリング」や「リフレーミング」を取り入れ、単なるスキル習得以上の「人生の質の向上」をデザインで表現しました。あえてオフィスではない開放的なテラスを背景に選ぶことで、「場所を選ばない働き方」というWebデザインスキルの最大の魅力を直感的に訴求しています。

シェア
ONZOの他の作品
画像
作品を見る
訪問歯科の架空バナー
画像
作品を見る
居宅介護の架空バナー
画像
作品を見る
民間救急の架空バナー