マネースクール Instagramバナー
SHE株式会社様が運営されているサービス「SHE money」のInstagramに掲載するためのバナーを、頂いた企画書をもとに制作しました。コンペ形式で採用していただきました。
【制作概要】
制作範囲:頂いた企画書をもとに情報設計、ビジュアルデザイン
使用ソフト:Photoshop
制作期間:約1週間
制作時間:約8時間
●クライアントの要望
・企業とサービスの認知拡大
・SNSを通じてターゲット層に刺さるコンテンツを発信すること
● クライアント情報
クライアント名:SHE株式会社
サービス名「SHE money」
女性専用のオンライン完結型のマネースクール。家計管理から投資まであらゆるお金のテーマを取り扱い、オリジナル開発された教材でプロから学ぶことができる。
●ターゲット
・20代〜30代女性
・仕事もプライベートも充実させたい
●制作要件
・表紙は頂いたフォーマットにテキストのみ入れ替え
・2枚目以降は企画書をもとに、指定された表紙のトンマナと、カラーガイドラインを考慮し、統一感を持たせて作成
▼指定のカラーガイドライン
【制作物】
【工夫したポイント】
●情報の優先度を設定
情報量が多いため、頂いた企画書からワイヤーフレームを作成し、まず情報の優先度を整理しました。スワイプして次の画像を見ていくため、じっくり読み込まなくてもユーザーにパッと見て伝えたいことがわかるようにしたいと考え、情報のランクづけをしていきました。
①見出し
②ポイントとなる詳細の説明文
③補足の説明やイラスト
上記のように設定しました。
伝えたいことが何かを端的に示すために見出しが最も重要であると考えました。次に情報の詳細であるポイントの説明文、最後にイラストや補足となる説明文と設定し、制作を進めて行きました。
●イラストのテイストの統一
イラストはトンマナに合ったシンプルな線で描かれたものを選び、スワイプした時に違和感が出ないように線の色や幅を統一しました。
●デザイン四原則を意識
各画像の整列と反復を特に意識しました。画像内の項目の高さを揃え、統一感を持たせました。
【制作を通して学んだこと】
・情報の優先度をしっかり整理することで、デザインが進めやすくなることが分かり、今後の制作に生かせる考え方を身につけることができました。
・デザインの四原則を意識し制作することで、ユーザーにストレスを与えず情報を伝えることができると分かりました。