
想定掲載:Webサイトトップスライドバナー
↓トップスライドへのあてこみ画像

アパレルブランド WEBサイト用トップスライドバナー
アパレルセレクトショップ「BEAMS」を想定し、Webサイトのトップに掲載されるスライドバナーを制作しました。
目的は、秋冬コートの特集ページへ自然に誘導することです。
20代後半~40代で、今年の秋冬コートの情報を探している層をターゲットに設定。
ブランドカラーを使用し、他のバナーと並んだ際にも違和感なく馴染むデザインを意識しました。
洋服の魅力がしっかり伝わるよう、装飾は極力抑えつつ、3人のモデルにマスク処理を施し、紙面から飛び出すような立体感を演出しています。
シンプルながらも、ファッションの楽しさや遊び心が伝わる構成を目指しました。
Photoshopのマスク機能を活用し、ブランドの世界観を崩さずに動きのある表現を取り入れています。
制作概要
- 種別:Webバナー(トップスライド)
- 目的:特集ページへの誘導
- ターゲット:20代後半~40代/秋冬コートの情報を探している層
- 想定媒体:アパレルブランドWebサイト トップページ
制作ポイント
- ブランドカラー・フォントを意識したトーン設計
- 他バナーと並んだ際に浮かないレイアウト
- マスク処理による奥行きと動きのある表現
使用ツール・スキル
- Photoshop:マスク処理、画像合成、レイアウト調整
制作期間
- 1時間20分
※本バナーの写真素材は、Adobe Stockより使用しています。あてこみ画像には実際のBEAMSのWebサイトの画像を使用しています。参考イメージとしてスクリーンショットを利用しています。