Facebook 【HerTech 架空案件】Webデザインスクール
Logo

【HerTech 架空案件】Webデザインスクール

クレジット
Avatar
Webデザイン
【HerTech 架空案件】Webデザインスクール-1
シェア
制作ノート
【制作について】

デザインについて

● ビジュアルイメージ

Webデザインスクールに対する「難しそう」という印象を和らげるため、“私にもできそう”と感じられる柔らかく親しみやすいビジュアルを意識しました。

子育てをしながら学ぶ女性の写真を使用し、在宅で自分のペースで学べる未来を直感的に想像できる構成にしています。

● カラー

ピンクを基調に、女性らしさと安心感を演出。

重要訴求には柔らかい青を取り入れ、甘くなりすぎないバランスに仕上げました。

● タイポグラフィ

キャッチコピーとキャンペーンタイトルにはZen Maru Gothicを使用し、丸みのある字形で親しみやすさを表現。

その他はNoto Sans JPで統一し、スマートフォンでも読みやすい設計にしています。

丸みのある書体とベーシックなゴシック体を組み合わせ、女性らしさと信頼感の両立を意識しました。

● 情報設計

Instagramでの閲覧を想定し、「共感 → 安心材料 → キャンペーン → 今だけ5回 → CTA」の順で自然に理解できる構成にしています。

「今だけ5回」はサイズと配色で強調し、限定性と緊急性が伝わる設計にしました。

【工夫したポイント】

円形のあしらいを取り入れ、デザインに統一感と柔らかさを持たせました。

左側に情報、右側にビジュアルを配置し、読み進めながら在宅で学ぶ未来を想像できるレイアウトにしています。

シェア