BOOK☆WALKERストア11周年キャンペーンLPのつくりかた

こんにちは。デザイナーの吉田です。
普段はBOOK☆WALKERストアのバナーやキャンペーンLPのデザインを主に担当しています。

さて今回はBOOK☆WALKERストア11周年キャンペーンLPのつくりかたを紹介します。
キャンペーン自体は昨年(2021年)12月に終了してしまったのですが、ページは閲覧可能ですので、ぜひ見てみてくださいね。

制作の経緯

BOOK☆WALKERストアでは、周年ごとに毎年キャンペーンを打ち出しており、昨年(2021年)は11周年だったため、11の数字に擬えて各部門を設けベストイレブン形式で紹介するという企画内容でした。
企画内容がとても面白く、制作に入る前からワクワクしていました。

参考調査

制作にあたり、私自身あまりスポーツに詳しくないのでJリーグの各チームのWebサイトをチェックしたり、サッカーに関連するものを調べました。
やはりスポーツなので、色はチームカラー+濃色という組み合わせで直線的なイメージのサイトが多く見受けられました。どのチームもカッコよく、2チームほど今回の制作に参考にさせていただきました。

テーマ決め

弊社では「(作家と読者の)好きと好きを繋げる」というテーマを掲げており、今回のLPはプレイヤーとサポーターが一体となったデザインがぴったりだろうと思い、このテーマが着地点となるように進めて行きました。

次にテーマが固まったので、デザインに取入れたいものを決めました。

  • サッカーボール
  • サッカーゴール
  • スタジアム
  • フラッグ

などなど…

材料が揃ってきたので、いよいよ制作に入ります。

デザイン制作

そしてここからは、企画担当者からいただいたワイヤーを元にもりもり作り込んでいきます!
企画内容を見返し、自身で決めたテーマと合わせて白黒で仮組みをします。仮組みとは言っても、具体的なイメージがあるものは先に作ってしまいます。
大枠ができたところで、全体をある程度詰めて完成に近い形まで持っていきます。
そして、ここまで来たら配色を決めて、使いたい素材を探し、全体の調整をかけていきます。

大体はこの手順で進めているのですが、素材を集めている時にデザインのヒントを得たり、逆に中々デザインが進まず作ってはやり直したりすることも度々あります。今回は最初からある程度イメージが固まっていたので、素直に作ることができました。

さて、今回制作する上で工夫した点が2点あります。

1点目はリアルな素材を取り入れて、スポーツであることを認識させる+サッカーであることがわかるようにしました。また、アイコンはフラットなものを使用し邪魔にならないよう気をつけました。

f:id:bookwalker_writer:20220127114700j:plain

スタジアムなどサッカーをイメージしやすい素材を選定

f:id:bookwalker_writer:20220127151451j:plain

アイコンはフラットなものを使用

2点目は、BOOK☆WALKERストアのイメージの紺色を使用し、ボタンは芝生の緑を取り入れました。色を決める段階で黄色と迷ったのですが、少し統一感に欠けるのと作品タイトルのボタンが見にくくなってしまうので芝生の緑にしました。

f:id:bookwalker_writer:20220127114331j:plain

紺色と緑色のボタン

視覚的にしっかり入ってこないと、企画内容がぼやけてしまう恐れがあったので、レビューに出すまで伝わるかどうかドキドキしていましたが、ちゃんと伝わってすごくホッとしたのを覚えています。

そして、いただいたレビューのもとブラッシュアップ重ねてデザインの完成です!

f:id:bookwalker_writer:20220126181924p:plain

実際のページはこちら。

※キャンペーンは終了しています。

最後に

今回は私自身も楽しく作ることができ、達成感の大きい制作になりました。
社内でもありがたいことに好評で次回制作へのモチベーションアップにもつながりました。
この企画に携われて本当に良かったです!

BOOK☆WALKERストアでは日々たくさんのキャンペーンを行っています。
ぜひチェックしてみてくださいね~!