banner

授業でサイトの当て込みを想定してのバナーを作りました。


正方形バナー

使用ソフト : Photoshop

制作時間 : 1時間

サイズ :500×433(サイトに合わせてのサイズ)

デザイン
JTBサイトへの当て込みのサムネイルバナーを作成しました。サイトに近い素材を使用しながら、内容が一目で分かるように作成しました。


使用ソフト : Photoshop・Illustrator

制作時間 : 1時間

サイズ :500×500

デザイン
サイトの特集バナーを制作。
雰囲気を合わせて、色合い・写真の配置・フォントに気をつけました。
写真の配置や大きさを合わせるのに時間がかかりました。

参考元:「子供服の通販 デビロック 公式サイト」様の商品を題材とさせて頂きました。


使用ソフト : Photoshop

制作時間 : 1時間

サイズ :500×500

デザイン
インスタグラムに合わせて制作。
実際の雰囲気を崩さないように気をつけながら、最小限の情報で伝わるように工夫しました。

参考元:「haruオンラインショップ 」様の商品を題材とさせて頂きました。


使用ソフト:Photoshop

制作時間:1時間

サイズ:300×300

デザイン
インスタグラムに合わせて制作。
雰囲気を崩さないように、少し遊びを入れてみました。

参考元:「N organic 公式サイト」様の商品を題材とさせて頂きました。


横長バナー

使用ソフト:Photoshop

制作時間:1時間

サイズ:600×400

デザイン
サイトの特集ページに馴染むように、色合いやフォント、写真の配置に気をつけました。

参考元:「楽天市場店 pierrot」様の商品を題材として使用させて頂きました。


使用ソフト:Photoshop

制作時間:1時間

サイズ:600×270

デザイン
ひと目で分かるように、クレパスのパッケージデザインにしました。

参考元:「楽天市場 ワールドプレミアムギフト」様の商品を題材とさせて頂きました。


使用ソフト:Photoshop

制作時間:1時間

サイズ:600×300

デザイン
サイト内の特集ページのバナー。特別な贈り物のイメージで高級感を意識しました。

参考元:「八代目儀兵衛 オンラインストア」様の商品を題材とさせて頂きました。


使用ソフト:Photoshop

制作時間:1時間

サイズ:600×300

デザイン
サイトへの誘導バナーとして制作。
色合い、デザインはサイトに馴染むように、フォントもすっきりと見えるように気をつけました。

参考元:「sou studio」様の商品を題材とさせて頂きました。