ノメルズハードレモネード　NOMEL’s HARD LEMONADE／014

title：NOMEL’s HARD LEMONADE | ノメルズハードレモネード

description：
ハードレモネード専門店「ノメルズ -NOMEL’s- 」！あま酸っぱいレモネードのお酒、飲んでみない？

コカ・コーラ製品です。TVCMが面白いと思ったので、サイトもみてみました。

①top
左上ロゴ、右上メニューボタン
左下はイラストと商品画像、センターはイラストと動画。
配色は基調色が黄色と水色、緑と紫がアクセントカラーで、商品の缶に使われている色になっています。

②MENU
商品画像3点（オリジナル、サワー！サワーサワー、ビターサワー）と、イラスト。缶の画像が遅れて現れ、左右に小さく揺れます。
hoverで黄色のボタンが紫色に変更。

ボタンでリンクページへ。
背景はグレーがかかり、前面はランディングページのようなデザイン。
イメージカラーで上下配色。キャラクター設定の説明。

closeボタンで戻ります。

③NEWS
左右矢印で記事変更。

④INSTAGRAM
インスタグラムの画像が上下2列。
インスタへのリンクボタン。

MENUボタンよりtopページ内になかったページを確認。

④What`s NOMEL`s
スクロールすると、センターに画像とイラスト、コピーが飛び出してきます。
その下にTVCMと、ブランドムービー。
MOREボタンで、 NOMEL`s STORYページへリンク。

動画リンクのイラスト
「Welcome」篇「Flavor」篇

イラストレーターWALNUTさんの案内、footer

footer：
商品画像＋イラスト＋Back toTOPの吹き出し　→　hoverで吹き出しが紫色になり、クリックでtopページに戻ります。
車の画像　→　hoverで車が上下に動き、クリックでこのページのtopに戻ります。

まとめ：
イラストとストーリーに沿ったCM、Web。動画多用。
実写とイラストが頻繁に入れ替わったり、紫と黄色の取り合わせはpop感が高いなと思いました。楽しい感は十分伝わりますが、味が美味しいかはよくわからず。イラストは可愛いです。