バナー広告のデザイン~実装

OVERVIEW

Webサイトのトップページに掲載するバナー広告の新規デザイン~コーディングを担当。 それぞれ指定のサイズ、色味、ロゴの使用条件に沿ってデザインし、JavaScriptを使って動きのあるバナーとして実装している。

◆ 14製品それぞれの色味で使用できるデザイン

各製品カラーでの使い回しが前提のメインバナーを新規で作成しました。
どんな色味でも視認性が下がらないデザインを意識して作成しています。

※掲載期間が終了したため、画像はありません。

≪こだわりポイント≫
・製品カラーの値を置換するだけで取り回しが可能
・Webサイトの雰囲気に合うフォント、色味で作成
 ・ひと目でどの製品かがわかる

(作業のみの工数:3~5日)


◆ 限られたスペースでの文字のみのデザイン

製品のリニューアルを知らせるサブバナーを新規で作成しました。

≪こだわりポイント≫
・製品カラーで統一しつつ、目を引く赤や黄色などを使用
・MUSTな文言のみをしっかりと残す
・盛り込む文字数が多い中で、窮屈にならず目に留まるデザイン

(作業のみの工数:2~3日)


◆ 画像のサイズ・種類によらず既存デザインに最適化

ユーザーの導入事例を紹介するサブバナーを作成しました。

≪こだわりポイント≫
・ロゴは規定を順守した上で加工
・人物は暗くなりすぎないよう加工
・ユーザー名は長さに応じてフォントのサイズや段組みの仕方を変更

(作業のみの工数:半日)


WEBSITE