【実案件】三越伊勢丹様 オンラインストアmeeco(ミーコ)SNSバナー制作

OVERVIEW

三越伊勢丹様のオンラインストア「meeco」(ミーコ) Twitter・Instagram掲載用のコスメ紹介バナー。制作時期:2020年12月

YEAR 2020

※制作物は最下部に掲載しております↓※

■使用ツール

 ・Photoshop

■工夫した点

色使い

・全体的な色使いは、サイトのトンマナをベースとし

 商品の色味とも調和するように温かみのあるピンク系でまとめました。


言葉のイメージや商品特徴に合わせた文字装飾

・1枚目のタイトルに入っているワードに対して

 各ワードの意味を連想させる効果を付けることによって

 視覚からも理解を促すデザインにしました。

 「水分量」→文字に立体感をつけ、さらに文字色を淡い水色にすることで

       文字が水分を蓄えているかのように表現。

 「変化」 →グラデーションをつけて徐々に色が変化する様を表現。

 「<CLARINS>の優秀チーク」→ブラシでチークのふんわりとした質感を表現。

・2枚目の「point1」「point2」部分にはふんわりしたブラシを利用して

 チークをのせた頬をイメージした背景を敷きました。


商品写真の視認性

・クライアント様からのご要望に合わせ、余白は控えめに、商品写真を大きく使うことで

 商品の視認性を重視したデザインにしました。

・スウォッチを邪魔しないように、色番号と紐付ける線は細くしました。


情報の配置

・3枚目スウォッチのページではユーザ目線を特に意識し、

 スウォッチと色番号、色名、商品の切り抜き画像を順に並べることで

 各情報の紐付けが行いやすいような配置にしました。

・各カラーと色番号を一目で紐付けられるように、

 色番号の背面オブジェクトには商品の色を利用しました。

・情報の優先順位の観点で、

 特に目立たせたい情報は

 「サイズを大きくする」「フォントを変える」「ドロップシャドウをつける」ことで

 バナーを見たときに視線を誘導できるように工夫しました。


■制作物




■掲載ページ

Instagram:

https://www.instagram.com/p/CJ0KesKjIYo/?utm_source=ig_web_copy_link


Twitter:

https://twitter.com/meecomeeco1/status/1348215527534190594?s=20


WEBSITE