【実案件】TOFU様-SNSバナー制作-

OVERVIEW

TOFU様公式Instagramで投稿するSNSバナーを制作しました。 髪に関する知識『白髪が増える原因とは?』をテーマに、構成〜イラスト選定〜デザインまでを行いました。


= 詳細 =

<制作日>2024.10月制作

<制作期間>約8時間

<使用ツール>Canva

<投稿先>TOFU様公式Instagram

https://www.instagram.com/tofu_official.jp/?hl=ja



■目次

 ① 依頼概要

 ② 制作バナー

 ③ 情報設計 / デザインのポイント

----------------------------------------------------------------------------------

①依頼概要

*テーマ

 「絶対にやめて 白髪が増える原因とは?」

*条件

 ・ページ:表紙含めて4枚

 ・先方の好み:シンプル、白、グレー、黒

 ・1枚目のイラストの背景に合わせて全体としての統一感を意識する  

*内容

 白髪ができる原因に関する知識をまとめる

*ペルソナ

  30代後半〜40代の働く女性

*トンマナ

 先方から提示あり

*最終ゴール

 白髪の根本的な原因を知り、適切な予防策や対策方法を知ってもらい

 TOFUをより多くの方に知ってもらうため、SNSを通じて

 TOFUのターゲット層である女性に刺さるコンテンツを発信したい。

*提出物

 Instagramサイズに書き出したpng画像(1080px × 1350px)



② 制作バナー

*表紙

*2枚目

*3枚目

*4枚目



③情報設計 / デザインのポイント

*情報設計

表紙 ▶︎ 絶対にやめて 白髪が増える原因とは?

2枚目 ▶︎ 白髪が増える原因

3枚目 ▶︎ 白髪は予防できる?

4枚目 ▶︎ 代表的な原因
 


*デザインのポイント

共通

・画像や短いキャッチコピーで、白髪が増える原因を視覚的に印象に残し

 一目で内容が理解しやすいデザインを意識しました。

・先方の好みと白髪(悩み)に関する内容から、清潔感と安心感を感じられるような

 カラー(白,グレー)でまとめたデザインにしました。

・白髪(悩み)がテーマのため、読みやすいシンプルなフォントを選び、各セクションに

 しっかり余白を取り、詰め過ぎず余裕のあるレイアウトを意識しました。

2枚目

・[ストレス]をイメージしたイラストを使用し、

 視覚的にわかりやすい印象にしました。

・矢印のアイコンにポイントカラーを入れ少し華やかにしました。

3枚目

・白髪の生え方をセクションを分けて説明し、更にイラストをつけ

 分かりやすいレイアウトを意識しました。

4枚目

・5つの原因それぞれに境界をつけ、重要な内容を視覚的に強調できるよう

 レイアウトしました。