３年前の自分がつくったバナーをリメイクしてみる

本記事は[プラコレAdvent Calendar 2020](https://qiita.com/advent-calendar/2020/placole)の記事です。

こんにちは。デザイナーのやぶづかです。
プラコレへ新卒入社してから、今年で５年目にさしかかり、
仲間・環境・考え方、そして技術的な面―…
色々なことが変わったなと振り返る場面も多くなりました。

変わったなというよりは、
幅が広がったと表現するべきかもしれません。

今回は私が入社前、インターンの時に制作したデザインを振り返りつつ、
「現在の私ならどうするか」リメイクするところまでを行ってみたいと思います。

![スクリーンショット 2020-12-24 8.13.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/533634/605d8c7f-8f84-8f81-421b-ffd4f2a4ad34.png)

##2017年（3年前）の制作をふりかえる

![スクリーンショット 2020-12-24 9.24.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/533634/0f5e4eed-cc4e-d0a0-ee7d-5654ae06966c.png)


ほんの一部ですが、当時の制作物です。
バナー制作を主に行い、イラスト自体も自分で描いていることが多かったです。

よくOKが出たな…と思うものもたくさんありますが、
結局は世の中に出してみないとわからないもの。
不格好でも実践で戦う環境を与えていただけたことは、
あらためて感謝のきもちが芽生えます。

##2020年（現在）の制作をふりかえる

今回の記事用に制作したものに限らず、
昔のデザインをリメイクをする案件は頻繁にあります。
今年実際に行った一部をふりかえってみたいと思います。

**・プラコレウェディング**

2020年夏からはじまる大規模なプロモーションに向けて、
サービスロゴ、及びTOPページのリブランディングを行いました。

![スクリーンショット 2020-12-24 8.59.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/533634/3062862b-761c-1f50-edc1-1a9faaf89f35.png)

「結婚式の多様化を尊重する」サービスの本軸はぶらさず、
さまざまな結婚式のかたちを想像させるような印象はそのままに。

しかし今回から、プラコレ自体には“カラー”は設けず、
主役である花嫁さまたちや自由な結婚式によって
我々のサービスも色づいていくようなストーリーから構想して、
モノトーンを基調としたビジュアルに仕上げました。

また今回から「魔法をかける」テーマを新しく加えて、
アニメーション部分にも力をいれています。
参考：[TOPリニューアル裏話をデザイナーに聞いちゃいました！【クリエイター対談vol.3】](https://tech.pla-cole.co/%e3%83%97%e3%83%a9%e3%82%b3%e3%83%acwedding%e3%81%8b%e3%82%89placole%e3%81%b8%e2%88%92top%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e8%a3%8f%e8%a9%b1%e3%82%92%e3%83%87%e3%82%b6%e3%82%a4/)

![d21126-33-352570-6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/533634/cd0633e9-d41e-f6b8-deb8-43c9160649e2.png)

ロゴの方は別デザイナーの田辺が担当しているので、
想いや、制作意図などに興味があればぜひこちらもご覧ください。
参考：[結婚式の自由、を追求するプラコレ。…(PRTimes)](https://prtimes.jp/main/html/rd/p/000000033.000021126.html)


**・事業サービスバナー**

![スクリーンショット 2020-12-24 9.34.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/533634/15aa0a1b-ff9e-c51f-f0c1-aaf4babc88c2.png)

プラコレコーポレートHPに掲載しているバナーも一新。
やっている「こと」に焦点を当てたクリエイティブから
やっている「ひと」に焦点が当たるようにマイナーチェンジ。

良し悪しはターゲット層によって変わると思いますが、
広告マーケティングやHP制作といった他社競争の激しい事業においては、
後者の方が“この１社に頼む意味”を考えさせる表現ができているので、
前向きな評価を得られるように思います。

##３年前の自分がつくったバナーをリメイクしてみる
![スクリーンショット 2020-12-24 8.13.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/533634/5f2e0788-3942-196b-8cdf-599d44c94caf.png)

さて今回の本題である、バナーのリメイクです。
実際に制作してみたものが上のものになります。

左のバナーに比べると、右はすっきりと整頓され、
必要な情報が頭に入りやすくなったかと思います。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/533634/3dd32a3f-3421-07a7-4c8f-51cf0312f95c.png" width=70%>

>**・具体的に変更した箇所**
1.全ての要素を中央寄せにする
2.テキストの横幅を統一する
3.テキストのカーニングを見直す
4.メインカラーの彩度を下げる

上記の手順を組み合わせると、こんなバナーになりました。
ご覧頂くとわかる通り、大きく何かを変更したわけではなく、
またテクニカルなことをしているわけでもなく、
シンプルに「ルールを決めて、守った」だけになります。


>**・（一応）既にルール化できてた箇所**
1.フォントの種類は２つまでに絞る
2.カラーを３色までに絞る［ベース/メイン/アクセント］

３年前からできていたルールは、今回そのまま守りました。
※フォントの選び方や、カラーの比率などについては
見直す必要があったので変更を加えています。

##次回は2023年にやってみようかな

2020年のおわりに、2017年をふりかえる。
我ながら不思議な企画となりましたが、
昔の自分の良くないところに気づけるくらいには
成長できていた3年間だったのかなと思いました。

今の自分のことも、
また未来の自分にレビューしてほしいものです。

人間は3の数字を基準に動くことが多いようなので、
次回は2023年に同じような企画をしたいと思います。

今年もおつかれさまでした！

**Now hiring！**
プラコレでは、自由な未来をつくるために
一緒に冒険したいエンジニア・デザイナーを募集しています！
https://www.wantedly.com/projects/262436

運営サービス
[PLACOLE(プラコレウェディング)](https://pla-cole.wedding)
[DRESSY(ドレシー)byプラコレ](https://dressy.pla-cole.wedding)
[farny(ファーニー)byプラコレ](https://www.farny.jp)