ANESSA × Pokémonサイトを分析してみた

もうすぐ夏至！夏に一緒に連れて持ち歩きたくなるANESSA × Pokémonのサイトを分析させていただきました。いろいろなパッケージがあり見ていると全部揃えたくなる魅力的なサイトです。

KNAPのデザイナー3人でトークしてます。
あくまでメンバーで個人的に分析をさせていただいておりますことをご了承ください。

デザイン分析元の基本情報

商品の特徴：アネッサ×ポケモンがコラボした日焼け止め
#ポケモン #アネッサ #資生堂 #日焼け止め #夏 #夏至 #私のベストコスメ
URL：http://anessa.shiseido.co.jp/products/suncare/pokemon/
企業名：株式会社資生堂

トップページ

パッケージがより魅力的に見えるビジュアル・レイアウトです。

-ファーストビュー

ポケモンと一緒に出かけられそうなビジュアルが合っています！

-コンテンツ

「心躍るアドベンチャー。」や「素敵なパートナーを連れて、冒険に出かけよう！」など日常が旅で冒険で、日焼けを気にせず外に出よう！というメッセージが伝わってきます。

動画もコピーにあっている冒険感がつよい内容です。日焼け止めを塗ることで世界が広がる雰囲気が出ています。

コピーの通りポケモンが日焼け止めに乗り移ったようなビジュアル表現で一緒に冒険に行けそうな雰囲気や可愛さを倍増させています。

-パッケージ

マウスオーバーすることでパッケージの後ろと前を見えるようなデザインになってました。後ろ側が複数パッケージあるものや種類が多い分両方載せてしまうとごちゃつき感がありますがこの手法をすることでスッキリ魅力的に見せています。

動画

動画もそれぞれの特徴があり、日本で売られている３種のパッケージに載っているポケモンたちがそれぞれ紹介しています。ポケモンの特性を活かしながらコピーにしているのが素敵だなと感じました。

「10万ボルトよりもパワフルに」というコピーでポケモン要素をうまく入れつつ商品訴求がされています。

ゼニガメは汗・水に強いということを表現

イーブイは太陽の下でもかわいくきれいになれる雰囲気が出ています。

ティザー的な感じでシルエットのビジュアルがありました。

／#アネッサポケモンゲットだぜ
＼
ハッシュタグ投稿キャンペーン、
はやくも投稿50件達成！！
限定スマホ壁紙を解禁😉🎁

君のアネッサは何ポケモン？

ぜひ壁紙にしてお気に入りのアネッサをいつでも一緒に冒険に連れていってね⚡️👒⛱📸 pic.twitter.com/pNfJFQhv20

— アネッサ (@anessa_official) May 7, 2021

投稿キャンペーンも行っており、シェア数に応じて壁紙がGET出来るものでした。可愛いのでついついシェアしたくなりますね。

スマホデザイン（レスポンシブ）

PCでは、マウスオーバーで裏・表のパッケージが切り替えられていましたが、SPでは、Tapという文字が出てTapすることで切り替えられるようになってました。

写真

それぞれ夏のアイテムがポケモンの横に備わっていて、ピカチュウの横にはポケモンGOでかぶってたような麦わら帽子、プリンはフォルムが風船に似てるのでビーチボールなどが置かれていて小物にも注目です！

フォント

メインビジュアルのキャッチコピーを手書き風文字でデザインされていました。リアルな人間とポケモンのキャラクターを調和しており、また動きのある書体でアウトドア<冒険>のイメージも伝えています。

日本語デバイスフォント：りょうゴシック PlusN(メインビジュアル 以外)
英語：りょうゴシック PlusN(メインビジュアル 以外)
フォントのカラー：＃009BB9

フォントの説明
りょうゴシック PlusNはAdobeフォントの"かな書体"です。漢字部分等は小塚ゴシックを使用しています。小塚ゴシックより、やや"かな"部分が小ぶりになっているので文章で見た時にバランスがとられています。小塚よりも少しクセのある形があるのも特徴です。

カラースキーム分析

メインカラーはアネッサのロゴの青に揃えています。追従してくる「購入はこちら」ボタンは、このページの主役のピカチュウ色に合わせていました。

ファビコン

OG画像

タイトル

ANESSA × Pokémon｜アネッサ（ANESSA）ブランドサイト｜資生堂

パーフェクトＵＶ　スキンケアミルク　ａからANESSA × Pokémonの限定パッケージが登場。数量限定発売！【アネッサ（ANESSA）公式サイト】

この記事を書いているメンバーが働いている会社
よかったら見に来てください！