DESIGN IT YOURSELF.

BUROKI


top

design

  • top
  • design
  • 関西の女性のためのwebメディア「anna(アンナ)」の広告媒体資料デザイン

関西の女性のためのwebメディア「anna(アンナ)」の広告媒体資料デザイン

graphic

  • top
  • design
  • 関西の女性のためのwebメディア「anna(アンナ)」の広告媒体資料デザイン

関西の女性のためのwebメディア「anna(アンナ)」の広告媒体資料デザイン

2020.05.09.

スポンサーリンク

スポンサーリンク

「関西をもっと楽しむライフスタイルマガジン anna(アンナ)」をご存知ですか?2020年5月現在、テレビCMが放映されているのでなんとなく知っている人もいるかと思います。

anna(アンナ)とは?

annaとは関西の女性をターゲットに、暮らしにまつわるいろんな情報を発信しているwebメディアです。読売テレビの傘下であるytvメディアデザインさんが運営されています。

今年の3月中旬ごろ、ytvメディアデザインさんからご依頼をいただき、annaのメディア向け媒体資料のデザインを担当しました。正確に言うと元々媒体資料自体は存在していたのですが、デザインに力を入れていきたいという先方さまのご要望があり、資料をリニューアルした形になります。

インスタでボクが投稿していた過去の資料デザインの実績を見ていただき、webサイトよりご依頼をいただいたときは本当に嬉しかったです。

今までの資料を確認後、まずは使用するカラーを抽出

資料をリニューアルするにあたって、まずは以前の媒体資料をご共有いただきました。その資料の内容とデザインテイストを確認しつつ、どのようなフォントを使用しているのか、タイトルと文章でフォントのサイズはどれくらいか、カラーは何色使用しているのか、トーンは合っているか、などを確認していきます。

特にフォントとカラーは資料デザインにおいて大事な要素になるので、媒体資料とwebサイトを確認しながら使用するカラーを抽出していきます。結果、下記のカラーが使用されていることがわかりました。

annaの使用カラー一覧
annaの使用カラー一覧

この中からどのカラーをメインに使用するか?などをanna全体の雰囲気を見て決めました。フォントは資料完成後に先方のスタッフさまが編集する可能性があるとのことだったので、汎用性の高い「游ゴシック」を使うことにしました。

媒体資料の表紙のリデザイン

資料の中身は具体的な数字やデータなどが記載されているのでここでは共有しかねますが、表紙のデザインのビフォーアフターを紹介します。

今までのannaの媒体資料の表紙は一枚のぼかした写真を全面に使用した左側のデザインだったのですが、このデザインをもう少しannaのwebサイトのデザインテイストを考慮し、「雑誌」や「マガジン」テイストの雰囲気でデザインを考えなおし、かつ余白を意識した右側のデザインにつくり直しました。

媒体資料の表紙デザインのビフォーアフター
表紙デザインのビフォーアフター

表紙の「MEDIA GUIDE」などの英字には特定のフォントを使用されていなかったので、女性らしさを持ちながらカジュアルなイメージも与える「Brandon Grotesque(ブランドン・グロテスク)」というフォントを今回の媒体資料より使用しました。

デザインテイストが決まったところで全ページのリニューアルに着手

カラーとフォントを決め、表紙をつくりながら基本的にデザインテイストを形にすることができたので、あとは各ページを新しいデザインテイストに落とし込んで制作していきました。

もう少し時間に余裕があれば記載情報の取捨選択から取り掛かったほうがより質の高いデザインが可能なのですが、今回は3月末が締め切りで制作期間が約2週間だったので情報はそのままでリデザインしていきました。ひとつだけ載せられそうなグラフを用いたページを紹介します。

リデザインした月間PV数の推移棒グラフ
リデザインした月間PV数の推移棒グラフ

こちらの棒グラフは今回のデザインテイストに合わせて見やすくスッキリとしたイメージにつくり直しました。

しかしいくら読売テレビと連動させているwebメディアとはいえ・・開始から1年あまりで月間550万PV(ベージビュー)は正直すごすぎますね。

媒体資料公開後、ご好評をいただいているようです

3月中旬よりつくりはじめ締め切りが3月末で、計50ページというボリュームとタイトなスケジュールではありましたが、その中でひとまずボクができることは遂行できたと思います。

今後もannaさんの媒体資料のデザイン制作を担当させていただける予定なので、また定期的に紹介させていただこうと思います。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

web

つくる人達をつなぐ。のぼり刃物店さんのECサイトデザイン

7月ごろから制作を開始した、いつもご依頼をいただいてお世話になっているのぼり刃物さんのオンラインショップが先日、無事にオープンしました。 サ…

2020.10.23.

graphic

シンプルに整えて伝える。高塚整体さんの名刺デザイン

元々音楽からのつながりで知り合いになった高塚整体さん。 4,5年くらい前に名刺とホームページをつくらせていただいたのですが、少し変更があったの…

2020.10.19.

web

ロゴから思いを汲み取る。一級建築士事務所ラリーケー株式会社のwebデザイン

10月1日に公開した一級建築士事務所 ラリーケー株式会社のwebデザインです。 前職でつながりがあった京都の不動産会社エルハウジングさんからのさら…

2020.10.11.

web

企業のイメージアップに貢献する!マコト化学のwebデザイン

先にマコト化学さんのロゴデザインを紹介させてもらいましたが、メインはこちらのwebサイトデザインです。 婦人靴のディティールから考えたマコト化…

2020.10.05.

logo

婦人靴のディティールから考えたマコト化学さんのロゴマークデザイン

今年の6月に制作させてもらい、先日公開となった婦人靴のOEM製造会社「マコト化学」さんのwebサイト。こちらはwebサイト制作時に合わせて制作したロ…

2020.10.03.

graphic

トンマナを意識して制作したナノナノファクトリーの名刺デザイン

名刺などのカードを撮影するとき、左下の角度から撮りがちなブロキです。 最近の制作実績ではおなじみ?になりつつある福岡の木工集団「ナノナノファ…

2020.09.18.

designをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル