Facebook 【Hertech架空案件】アパレルECサイト バナー
Logo

【Hertech架空案件】アパレルECサイト バナー

クレジット
Avatar
WEBデザイナー
【Hertech架空案件】アパレルECサイト バナー-1
シェア
制作ノート
【デザインについて】

●ビジュアルイメージ

G.Wのセールということで、爽やかだけどPOPさもあるような、お客様がわくわくするようなバナーをイメージして制作しました。

●カラー

クライアントからの「初夏を感じる爽やかな色味」というご要望に添うよう、爽やかな水色をベースカラーに選択。

また、水色と相性もよくオシャレさが出るようなブラウンを使用。セール感を際立たせ、わくわくするようなイメージでパステルオレンジをアクセントカラーに選びました。

●タイポグラフィー

“IBM Plex Sans JP”と“Sourse Hans Sans”の2種類をバランスを見て、使い分けました。太さや大きさを変えたり、一部のエフェクトの中抜きにするなどで、重要なワードが目に入りやすいよう調整しました。

●情報設計

「最大50%OFF」の文字を、あえて落ち着いたブラウンの丸の中に水色の配色にし、コントラストを大切にしました。また、お得感をよりはっきりと認識できるよう真ん中に配置しました。

「SALE」の文字を複数配置することで、SALEをアピールし、その中で日付が目立つよう配色・大きさを調整しました。

●工夫したポイント

「SALE」の文字を複数配置したり、一部だけ色を変更することでSALE感を強調しました。お得感を大事にしながら、うるさくなりすぎないよう、背景となじみのいいホワイトを選択。また、文字を中抜きにすることで抜け感が出るよう工夫しました。

全体を通して、大事な文字の強調と、オシャレさを損なわないようなバランスを意識しました。

シェア