【コンペ採用実績】SHE株式会社様 「SHEbeauty」 SNS投稿用クリエイティブ
コンペに応募して採用となり、SHEbeauty様のSNSにご掲載いただきました。「新生活に向けて備えたい一人暮らしグッズ」をテーマにInstagram・Twitter用バナーを制作いたしました。 使用スキル: リサーチ・情報設計・構成・レイアウト・Photoshop
【コンペ採用実績】SHE株式会社様 「SHEbeauty」 SNS投稿用クリエイティブ
制作時間:約10時間
制作期間:約5日間
制作範囲:情報設計・ワイヤーフレーム・デザイン
<ご依頼内容>
- クライアント ▶︎ SHE株式会社様
- ターゲット ▶︎ 20~30代の働く女性。仕事もプライベートもどちらも充実させたい。美容に対して興味はあるが何から始めたら良いかわからない。忙しい日々でも美しくなることを諦めたくない。
- 目的 ▶︎ SHEbeautyをより多くの方に知ってもらうため、SNSを通じてSHEのターゲット層である女性に刺さるコンテンツを発信したい。
(他の美容アカウントに埋もれない読みごたえのあるコンテンツを発信したい)
<制作物>
ご掲載いただいた投稿はこちら
<概要>
SHElikesコミュニティ内にて募集されているSNSクリエイティブ案件。
SHElikes会員のうち、Webデザイン入門コースの宿題バナー提出済の者が応募でき、応募者の中からクリエイティブを制作する51名が抽選で選出。その際、それぞれにあらかじめ決められたテーマが与えられ、そのテーマに沿って制作。制作者のうち、コンペ形式でSNSへの掲載者が決定。制作者は情報設計からデザインまでをある程度自由に任される。
<条件>
- 1枚目の表紙のフォーマットはクライアント様にご提供いただいたもので、それぞれ使用するフォーマットが指定されている 。表紙のフォーマットは与えられたテーマの文言に差し替えて制作。
- 全ページを通してのトンマナは指定された表紙のカラーをもとに、全体としての統一感を意識する。
- すべて正方形( 横 × 縦 = 1040 px × 1040 px )で作成。
- 制作枚数は表紙を含めて5枚まで。
- 外部のフリーイラスト素材や写真等は使用可能。
- SHEbeautyのデザインガイドラインに沿って制作。(フォントやカラーはあらかじめ指定されたものを使用することが決められている)
<要件>
●テーマ
「新生活に向けて備えたい一人暮らしグッズ」
●要望
美容グッズにも触れながら一人暮らしにあると便利なグッズを教えてください。※最低3つ以上、かつできるだけ多くご紹介ください。
<リサーチ>
一人暮らしをしていたときの自分の経験と照らし合わせながら
インターネット上で『一人暮らし』や『引っ越し』といったキーワードで
検索して出てきた便利グッズを書き出し、カテゴリー別に分類しました。
「美容グッズにも触れてほしい」とのご要望にお応えして
その中から美容関連グッズを中心にピックアップしていきました。
同時にインスタグラム上でも『新生活 便利グッズ』などのタグ検索をすると
意外と上位に上がってきたのが「ドラム式洗濯機」でした。
実際に使用している人の口コミがよかったので
便利グッズの候補に入れることにしました。
<情報設計>
●ペルソナ
SHEbeautyのターゲットは「20〜30代の働く女性」ということなので、
この春から新社会人となる美意識高めな女の子をペルソナに設定しました
●ペルソナの要望
「仕事をしながら家事もしなきゃいけないから、
できるだけ時短になるようなグッズが欲しいな」
「一人暮らしをしていても美容に気をつけたいな」
●構成
グッズをビジュアルで表現するのに
写真よりも統一感が出しやすい、イラストでの表現手法をとりました。
クライアント様のご要望に「グッズをできるだけ多くご紹介ください」とあったので
グッズをなるべくたくさん配置しようと思いましたが、キャプションとあわせて
1ページ毎に3点のイラストを配置するのがちょうど良いバランスだと感じました。
グッズの中に美容系のものを挙げていくのはもちろん、
キャプション内においても美容に触れた内容にしました。
(電気ケトルの紹介文に「白湯」というキーワードを入れたり、
ミキサー・ブレンダーの紹介文に「スムージー」というキーワードを入れました)
グッズのキャプションは全て3行以内におさまるよう字数を調整しました。
●内容
1ページごとにまとまりを持たせたかったので、ページごとにカテゴリー分類しました。
「時間を短縮するために」「美しくあるために」「快適に過ごすために」と
3つのカテゴリーに分けて目的別にグッズを紹介していく内容にしました。
<デザイン>
●カラー
・SHEbeautyのデザインガイドラインで指定されているカラー
・そのうち使用したカラー
表紙の色味との統一感を意識し、表紙に使われている濃いブルーをベースカラーとし、
アクセントカラーに明度の高い薄いブルー、そして女性らしさを強調するために
サブカラーにピンク色を使用いたしました。
●イラスト
商用利用可能なフリーサイトから起用しました。
ペルソナの女の子に届きやすいようにオシャレな線画のイラストを使用しました。
制作物のトンマナを合わせるため、イラストの色を濃いブルーに統一しました。
(フリーサイトではイラストの加工が可能と明記されています)
・元のイラスト
・加工後
●フォント
SHElikesのガイドラインで決められているフォントは
・和文:游ゴシック
・英文:Brandon Grotesque
と決めれられている一方、
あしらいとして使用する場合は自由にフォントが選択可能とされています。
そこで、見出しまわりを補完する英字のフォントをワンポイントとして見せるため、
「Adorn Garland」に変更しました。
このフォントには細い部分と太い部分の強弱がつけられていて、
フェミニンな女性らしさと共に、春らしい軽やかさを感じました。
また、配置するスペースの問題で、デザイン的に
タテ方向よりもヨコ方向に面積広がるフォントが良いと考えたからです。
これらの英字は斜めに配置して動きを出しました。
そのほかのフォントはすべてガイドラインに即して
「游ゴシック」と「Brandon Grotesque」で構成しました。
<こだわった点>
●統一感
全ページに統一感を出すために外枠の背景デザインを「反復」して用いました。
ベースカラーのブルーだけの色味にすると春らしさが感じられず、
重くなりそうだったので軽やかさを出すためにも
サブカラーのピンク色も混ぜたグラデーションを施しました。
グラデーションの上に配置した白い正方形は角丸にして
女性らしいやわらかさを演出しました。
●レイアウト
グッズの中の真ん中に配置したイラストだけ
キャプションとの位置関係を逆にしてリズム感を出しました。
カタカナ表記のグッズが多く、グッズの商品名の字面がパラつきがちだったので
下に色面のオブジェクトを配置することで、より見やすく、目立つようにしました。
●情報の優先順位
キャプションは強調したい部分に下線を引いて
伝えたい情報がより強く伝わるよう、工夫しました。
そしてキャプションにも小さなイラストを付け加えることで
文章の内容がより分かりやすく伝わるようにしました。
このイラストはページに楽しさを与えられるよう
ポップなテイストのイラストにしました。
<学んだこと>
●イラストの使いどころ
当初、大見出しの前にもイラストを配置していたのですが、
TAさんからのフィードバックでイラストの使いどころを絞ったほうが
より優先順位の高い方に目がいきやすくなるとのご指摘をいただきました。
また目立ちやすいという理由から桜のイラストは
線画ではなく、塗りのイラストを配置していました。
こちらもイラストのテイストを統一したほうがいいとのご指摘でした。
自分でも少しイラストを使いすぎたかなと思っていました。
いただいたフィードバックに基づいてブラッシュアップすることで、
より見やすくなりました。
●文章のメリハリ
キャプションのウエイトに強弱をつけたほうが良いとのご指摘を受け、
文章のバランスを考えてボールドとミディアムのフォントを使い分けました。
SNSの特性上、本文は流し見されてしまうことが多いので
文章内でも優先順位をつけたほうが内容が伝わりやすいのだと学びました。