TECH CAMP banner
Overview
TECH CAMPのバナー広告のデザインをしました。バナーをクリックした時に遷移先のサイトとの違和感が内容に色やバランスを考えながら作成致しました。
制作期間 ： 3日間
担当箇所 ： デザイン
使用ツール ： Photoshop / Illustrator
Process
Client survey
プログラミングスクールの運営と人材育成を軸にして経営をしています。希望を持って生きること、良質な人間関係を築くことを理念とし、就職支援やメンターの質で競合他社に劣らないサービスを展開している。
Target
平日は朝7時に起きて1時間の電車バス通勤を経て、9時に出社。18時に勤務を終了し、19時過ぎに夕食。24時半に就寝。休日は外出するよりも家でゆっくりする方が好きでよくカフェに行っています。好きなファッションはシンプルなものを好み、派手な色は滅多に着ない。個性的でこだわりがありセンスの良いものを追求するタイプ。
Pick up design
シンプルで見やすい物を中心にサンプルとして集めました。何を大きく見せるのか、ボタンのデザインの違いや色使いと余白の使い方など参考にしてバナーのデザインを進めました。
Design
Black and white
サンプルで集めた画像などを参考にして六種類の展開をしました。載せたい文字が多い為、文字の配置や余白に注意しながらデザインをしました。背景画像にはPhotoshopで白いグラデーションをつけるなどの工夫をして少しでも文字を見やすくしています。
Color
クリックした時に遷移先との違和感をなくすために色合いは遷移先のサイトに合わせた配色を選びました。強調する部分の配色や文字の配色など赤が目立ちすぎないように心がけてデザインしています。
Size variation
横長や縦長のバナーになると文字を上手く配置する事ができずバランスをとるのが難しかったです。小さいバナーでもオンライン説明会を強調したかったので大きめに作りました。また、サイズ展開しても全体のバランスと作りに統一感を出す事を意識して作りました。
Final plan
自分のやりたいデザインよりも遷移先やクライアントを意識したデザイン作りの基礎を学ぶ事ができたので、今後のデザインに活かしていきたいと思いました。サイズ展開をした時のバランスや全体の統一感など感覚でやっていた部分をロジカルに考えて制作しました。