【企業案件】三越伊勢丹様のSNSアカウント 〈meeco〉Instagram投稿用クリエイティブ
採用実績として、実際に三越伊勢丹様のSNSアカウント<meeco>にて Instagramのフィード投稿にご掲載いただきました。 使用スキル: 情報設計・構成・レイアウト・Photoshop
【企業案件】三越伊勢丹様のSNSアカウント〈meeco〉 Instagram投稿用クリエイティブ
制作時間:約8時間
制作期間:約4日間
制作範囲:情報設計・ワイヤーフレーム・デザイン
<ご依頼内容>
- クライアント ▶︎ 三越伊勢丹様
- ターゲット ▶︎ 20〜30代女性。百貨店コスメとバラエティコスメを併用する。コスメ購入金額は年間約65,000円。お金も時間も美容にかけたい。SNSで情報を収集をする。好きなコスメブランドはイヴ・サンローラン、シャネルなどのハイブランドとニベア、キャンメイクなどのプチプラ。
- 目的 ▶︎ meecoの認知度をUPさせること。meeco取り扱い商品(特に新商品・限定品)への興味喚起。
目指したい投稿 ▶︎ 新商品や限定品の情報がいち早くわかりやすく発信できている。ブランドだけでなく、meecoの世界観が伝わっている。商品の魅力が十分に伝わったり興味喚起に繋がっている。
<制作物>
ご掲載いただいた投稿はこちら
<概要>
SHElikes内で募集されている企業様のSNSクリエイティブ案件。
SHElikesのWebデザイン入門コースの宿題バナーを提出済であり、SHEのSNSクリエイティブ練習案件に参加済の者が応募できる。コンテンツごとに紹介する商品が決まっており、掲載マストな情報も定まっている。
<条件>
- すべて正方形( 横 × 縦 = 1080 px × 1080 px )で作成。
- 制作枚数は1コンテンツに対して4枚。
- 使用可能素材は各コンテンツごとに指定された素材。
- 商用フリー素材の使用OK。 ※リリース、Webサイトなどの素材は禁止。
- meecoのデザインガイドラインに沿って制作。(フォントやカラーはあらかじめ指定されたものを使用することが決められている)
<要件>
- 商品名 ▶︎ <RMK>フローレスカバーコンシーラー
- 要望 ▶︎ 紫外線カット表記入れてください(リリース等を参照し、SPF・PAの記載をしてください)。 サイズ感訴求のために、ケースを持ちブラシを添えた写真素材使用ください。
- 訴求ポイント ▶︎ (リリース情報を参考にして)「特徴」・「質感、どんな仕上がりになるか」・「使い方」について触れてください。
<情報設計>
●構成
RMKのコンシーラーとして、本体であるレフィルと
ブラシ付きのケースの両方を取り上げる必要があったので、
最初にざっくりコンシーラーの説明をして
次のページで2点を細かく紹介していき、
最後に使用感や使い方を伝える形にしました。
コンシーラーを全5色のラインナップから自分好みに
カスタマイズすることができるという点がとても画期的だと思ったので
そちらを重点的に伝えようと思いました。
●内容
1ページごとにまとまりを持たせたかったので、ページごとにカテゴリー分類しました。
ブランド名をしっかり伝えるために
全ページの先頭に同じ体裁でタイトルのように<RMK>と記載しました。
加えてページごとに伝える情報をカテゴライズし、
<RMK>の下にはリリース情報から得たサブタイトルをつけました。
ページごとのタイトルとサブタイトルの下には
色面(座布団)を配置して目立つようにしました。
<デザイン>
●カラー
デザインガイドラインで定められているのは
・表紙:黒・白のみ
・2枚目以降:黒・白・グレー
指定の白・黒・グレーに加え、
商品やブランドのトンマナから+1色をあわせた計4色まで使用可能でした。
そこで、アクセントカラーとしてコンシーラーケースのパッケージに使われている
「ベビーピンク」のカラーをもとにして、ページ内で画像のコンシーラーの色との
差別化がはかれるよう、少し赤みがかったピンク色を設定しました。
1枚目から3枚目までページの全面に使用した画像の背景が
同じトーンのグレージュ色だったので、全ページ通しての統一感を出すために
最後の4ページ目にも前のページの背景色から抽出したグレージュ色を
背景に設定しました。
こちらのカラーはガイドラインから外れる可能性があったので、先方に確認しました。
「問題ない」とのご回答をいただけたので、そのまま使用いたしました。
●フォント
ガイドラインで決められているフォントは游ゴシックのみですが、
2枚目以降は飾り文字がOKとされています。
そこで、ワンポイントのあしらいとして欧文フォントの「bastian」を使用しました。
活気があり、のびやかなフォントで女性らしく、
ブランドイメージに合いそうだと考えたからです。
フォントに動きがあるので、あまり目立たせすぎないよう
背景との色のコントラストをおさえるためにも、文字色は白で統一しました。
<こだわった点>
●スワイプ時の視線の流れ
スワイプしたときに視線が自然に流れて見えるように、3ページ目と4ページ目の
タイトルとサブタイトルの下に配置した色面(座布団)の位置(高さ)をそろえました。
●シンプルなデザイン
アカウントの世界観を壊さないように
なるべく主観は入れずにシンプルなデザインを目指しました。
●トリミングやフォントサイズ
・画像のトリミングは、なるべく余白を少なめにして
被写体が大きく入るように留意しました。
・自分で設定したページ内のマージンサイズは守りながらも
視認性を上げるため、フォントサイズもなるべく大きくしました。
●情報の優先順位
SNSの投稿は流し見されやすいので、伝えたい情報に優先順位をつけ、
ページ内でパッと見たときどこに視線が誘導されるかを
自分で何回か検証してデザインしました。
フォントのジャンプ率やウエイトを変えて
伝えたい情報が伝わりやすくなるよう工夫しました。
●字間の調整
カタカナの言葉が多いので、少しずつ字間を調整して読みやすくしました。
特に2ページ目のPointの本文は、句読点が多く空白ができやすかったので
句読点の前後を多めにカーニングしています。
●罫線
罫線は女性らしさや上品さを強調するため、細めに設定しました。
<学んだこと>
●制約のあるデザイン
色面(座布団)の使用法など、細かい制約がある中でのデザインでした。
そのため初稿の段階で自分が考えたデザインが
ガイドラインから外れていないかその都度確認しました。
概ねOKをいただけたので一安心でした。
●商品イメージに合わせたデザイン
「ナチュラルな仕上がり」をうたっている商品なので
初稿のフィードバックでアクセントカラーのサブタイトル以外の色面(座布団)の
境界線をぼかすと、より自然な印象に近づくというご指摘をいただきました。
商品イメージをデザインに落とし込む手法は
今後の制作物に活かしていきたいです。