2022.11.30

その他

新人WEBデザイナーのバナー研修体験記

はじめまして。
今年の9月にGMOインターネットグループにWebデザイナーとして入社しましたコウノです。
入社以前は半年間Webデザインの職業訓練校に通っていました。
実務の経験はなかったため「入社してからちゃんとやっていけるかな」と不安な気持ちが大きかったのですが、入社してからの研修や業務を通してその不安が少し解消されてきたような気がします。
初めてのブログでは、そのデザイン研修の中のバナー研修についてお話しさせていただきたいと思います。

研修内容

デザインの研修期間は約2週間です。
フィードバックをもらいながらお題に沿ってバナー制作とLP制作の研修を受けました。

バナー研修

4つのお題でバナーを作成しました。
今回のブログでは最初のお題についてご紹介させていただきます。

お題

【掲載情報】
・先着200名様限定
・500ポイントプレゼント
・期限:2022年9月30日

【条件】
・サイズ:300×250px ➝ 468×60/160×600/に展開
・拡張子:表現したいバナーに最適なもの
・容量:150KB以下

制作

まずは、与えられたお題から設定とターゲットを自分なりに考えてみました。

【設定】漫画アプリの新規会員登録で500ポイントプレゼント
【ターゲット】20代~30代くらいの女性

設定をもとに最初に300×250pxのサイズのバナーを作成しました!
女性向けなので黄色と水色を使用して明るくかわいいイメージで作成しました。

フィードバック

作成できたので私の研修を担当されているayakaさんに提出してフィードバックをもらいました。

ayaka

・新規会員登録の「会」が上に飛び出て見える
・バナー下の日付の数字が若干潰れて見える
・黄色背景と500ポイントの文字要素とのバランスを調整
・上の余白が若干気になったのでもう少し整えられるとバランス良さそう

自分では気づけていない部分を丁寧に指摘していただけてとても勉強になりました。
また、ayakaさんはいつもフィードバックのたびにどこか必ず褒めてくれるため緊張がほぐれ、やさしさに感動したのを覚えています。

修正

フィードバックをもとに修正を行いました。
余白と細かい文字詰めのバランスが難しかったです。

最初に一人でデザインしたバナーと、フィードバックをもらった後に修正したバナーは見比べてみるとやっぱり違って見えます。

サイズ展開

300×250pxのサイズのバナーが完成したため、468×60pxと160×600pxのサイズに展開をしていきました。
どちらのサイズもリボンのあしらいの配置が難しかったため、468×60pxでは形を円形のものから線形のものに変えて余白を調整しました。
また、160×600pxのバナーでは、縦のリボンのあしらいを使用して文字サイズが大きくなるように調整をしました。

サイズ展開では余白があいてしまったり、文字サイズが小さくなってしまったりして、バナーのサイズに合わせてバランスをとることがとても難しく感じました。

まとめ

入社前、「ちゃんとやっていけるかな」と不安を感じていましたが、実際の業務に入る前にこのような研修期間を設けていただき、丁寧に何度も添削とフィードバックをもらえる環境があることにとても安心しました。
また、研修を通して、多くのことを学べたとともに沢山の課題を見つけることもできました!
特に、他のバナー作成の中でもよく指摘をされた文字詰めについては、これまであまり意識できていなかったのですが、今回の研修を通して文字詰めでこんなに印象が変わるんだということに気づくことができたので、今後は常に意識して業務に取り組みたいと思います!

最後までお読みいただきありがとうございました。
今後ともよろしくお願いいたします。

この記事を気に入ったら

この記事を書いた人

コウノ

コウノ

おはようございます。こんにちは。こんばんは。おやすみなさい。 アイドルと犬が好きです。よろしくお願いします。

この人が書いた記事を見る >>