❑目次❑
1.概要
2.成果物
3.要件定義
4.情報設計
5.ビジュアルデザイン
6.頑張ったポイント／学んだこと
1.概要
制作時間 ：約6時間
制作範囲 ：情報設計、構成、文章作成、ワイヤーフレーム、デザイン
使用ツール：Photoshop
2.成果物
3.要件定義
- 目的：SHEの認知拡大および、そのためにターゲットに刺さるコンテンツを発信する
- ターゲット：20〜30代の働く女性
- テーマ：SHE株式会社様指定「今さら聞けない結婚式のお金のマナー」
- 表紙は、SHE株式会社様が用意されたフォーマットにテキストのみ入れ替え
- 2枚目以降は、指定された表紙のカラーを考慮し、全体の統一感を意識して作成
4.情報設計
- ターゲットは、20代〜30代の働く女性の中でも、基本的なご祝儀のマナーを知りたいと思っている人と想定しました。
- 休憩中や仕事終わりの息抜き時間に見ていると仮定し、難しそうな印象を与えると離脱されてしまうと考えました。そのため、文章量が多くなりすぎないように注意しました。
- 各ページの構成は、大見出し＞小見出し＞説明＞ワンポイントアドバイスの構成に統一し、内容の理解しやすさ・全体の統一感を意識しました。
5.ビジュアルデザイン
配色
- 指定のデザインガイドラインに則りました。
- 表紙の配色に合わせ、薄いオレンジをメインとしました。アクセントは、オレンジの補色である水色を使用してメリハリをつけました。
背景と枠
- 背景は方眼紙のようなデザイン、枠はオレンジのグラデーションにしました。
- 全体に統一感が生まれるよう、表紙のデザインを踏襲しました。
文字の装飾
- 大見出しの文字は最も目立つようにするため、版ズレ風の装飾にしました。
- 装飾の仕方は様々ありますが、女性的なイメージにできると考えたことから、版ズレ文字を選びました。
イラスト
- テキストのみだと堅い印象になると考え、ターゲットに合わせて女性のイラストを使用しました。
- 色が全体の配色に合っているものをフリー素材サイトから探しました。
6.頑張ったポイント／学んだこと
頑張ったポイント
- スワイプして次の画像を見るInstagramの特性から、反復を意識しました。大見出し・小見出しといった各要素の位置は、各ページでズレが無いように注意しました。
- 大見出しから説明までスムーズに視線誘導ができるよう、情報の強弱を意識しました。
制作を通して学んだこと
- 表紙が指定されている中で、全体に統一感を持たせる方法を学びました。今回は、メインカラーと背景・枠で統一感を持たせましたが、このようにビジュアルデザインでどこか踏襲する箇所を作ることで、統一感が生まれると思いました。