ブランディングに。関西のwebメディアannaのSNS投稿用画像デザイン

少し前の制作実績紹介です。
いつもお世話になっている関西女性向けwebメディア「anna（アンナ）」のinstagram投稿用の画像を制作させていただきました。

最近instagramでは視覚的に見せる画像だけでなく、マガジンのように「読ませる」画像を制作・投稿することもひとつのトレンドになっていて、annaもそういった投稿に注力していきたいとのことで、先方さまのほうで定期的に更新していけるようにテンプレート画像をデザインさせてもらいました。

今回制作させていただいたのは、

の合計4種類の投稿画像。
その上でデザインに対するご要望は、

といったところでした。
テンプレートをデザインする際に一番必要な部分は、デザイナー側だけで完結する制作物ではなく、あくまで先方さまの作業環境に合わせて制作すること。

制作する前に確認しておきたいクライアントさま側の環境項目としては、

上記の項目などを事前にちゃんと確認し、クライアントさまの環境でも問題なく作業できるように意識して制作しました。

表紙用のデザイン

まずは全体のデザインを形にしていきつつ、一番大切な表紙のデザインを制作しました。

今回の投稿のテーマとなる画像を表紙らしく大きく配置しながら、表紙なのであまり情報量が多くならないように投稿のタイトルと右下に「swipe」アイコン、annaがよく使用している「あんなぁ、知ってる？」のワードを入れてシンプルにデザインしました。

なぜ2種類あるのかというと、あくまでテンプレート画像なので、タイトルが1行で収まる場合（画像左）と、2行になってしまう場合（画像右）を想定して、柔軟に対応できるように2種類用意したからです。

テンプレート画像を制作するときはタイトルが長くなった場合を想定し、文字数が多くなった場合でまずは制作することをオススメします。それより文字数が少ない場合は問題なくテンプレ使えますし、「大は小を兼ねる」の考え方はテンプレート制作では必須だと思います。

instagramの投稿画像は見え方が2種類ある

普段あまり気にならないかもしれませんが、インスタの投稿画像には

で表示される画像に違いがあります。
一覧で見る場合は他の投稿も表示されるのでどんな画像も正方形で表示され、投稿の詳細を見ると画像の形状がそのまま表示されます。

マガジンを制作する場合、できるだけ多くの情報量を入れたいので縦長の画像（横1080px、縦1350px）で制作されることが多いようですが、フィード一覧ではどうしても正方形（横1080px、縦1080px）で表示されてしまうので、特に一番はじめに表示される表紙画像は正方形部分に情報を集約させつつ、縦長用のデザインで構成する・・そんな制作が必要となります。

中ページのデザイン

続いて中ページを2種類デザインしました。
ここは基本的に読み物として、テキストメインでレイアウトを組んでいきました。

文章を構成するフォントや字間行間は一定で統一感を出しつつ、画像の部分は投稿によって差し替えられるように設置。

本来は投稿内容によってレイアウトなど変えていくほうがマガジンとしてはバリエーションがあっていいのですが、まずは2種類でということだったので、上記2パターンの中ページを用意させていただきました。

裏表紙のデザイン

そして最後は、投稿の最後に表示される裏表紙のデザインです。
ここは今までの画像とは違い全面的にannaのアクセントカラーを押し出して違いを出して、「ここで終わります」ということをデザインでアピールするようにしました。

投稿をお気に入り登録できるように右下にお気に入りを促す「TAP」アイコンをつけたのですが、これは現在のお気に入りアイコンの位置を調べつつ配置しているので、投稿を見る人の環境やinstagramの今後の仕様変更によっては機能しなくなる可能性がありますね。

画像の左側はデフォルトの裏表紙デザインですが、他の投稿もチラッと見せたいというご要望をいただいたので、投稿の最後に他の投稿もあることを知らせられるような右側のデザインも追加でご用意しました。

四季用にカラーリングも用意

全体のデザインが固まってからは、ブラッシュアップしつつ、季節ごとにカラーを変えたいということだったので、それぞのれ季節に合わせてカラーバリエーションを用意しました。

全体のカラーを変えるのではなく、あくまで色を使っている部分だけのカラーを変えることで、全体の雰囲気を変えずにカラーバリエーションを出すことができます。

制作が完了し、納品してから現在も継続的にクライアントさま側でテンプレートを使用して投稿を継続されています。
制作させていただき、ありがとうございました。

annaのinstagramはこちらから

実際のinstagramは下記のリンクよりご覧ください。
場合よっては変更・クローズしてることもありますので、その際はご容赦ください。