「カップヌードルの裏側」 サイトレビュー 27

カップヌードルの裏側｜カップヌードル｜CUPNOODLE

こんばんは。本日は、日清カップヌードルの裏側を紹介する「カップヌードルの裏側」のサイトレビューをしたいと思います。

＜印象＞
・ポップ、にぎやか、可愛い

＜ファーストビュー＞

・イラストレーターはにしむらゆうじさん。

にしむらゆうじさん公式Twitter

＜構成・特徴＞
・余白はどちらかというと少なめ。

・スマホファーストサイト。

・スクロールに合わせて商品の角度が変わり、蓋が開く。遊び心のあるサイトデザイン。

・中身に関するコンテンツ。スクロールをすると麺が伸びる。各項目ごとの商品のこだわりや加工についての詳細ページへ遷移する。項目の上でキャラクターが動いている。湯気も上がっていて実際の商品にかなり近いデザイン。

・工場に関するコンテンツ。写真や動画で工場の様子が伺える。

・栄養に関するコンテンツ。１色の栄養バランスを調べることができる、「バランスチェッカー」。カップヌードルを習慣的に食べる人に、栄養バランスの良い食べ合わせを教えてくれる。

・みんなの疑問に答えるコンテンツ。ホバーでテキスト背景とテキストのカラーが逆転する。ぱっと見、質問の区切りがわからないが、ホバーで色が逆転するのでわかりやすく視認性が良い。

・イメージキャラクター紹介。具材がイメージされた色やイラストがキャラクターに使われている。

＜ペルソナ＞
・男女問わず。10代後半〜60代。カップヌードルを食べる機会が多く、栄養バランスや健康面で疑問を持っている人。

＜目的＞
・カップヌードルの商品、工場紹介。

・カップヌードルを安心して食べて欲しい。

・購買意欲促進。

＜参考になりそう、気付き＞
・スクロールでの見せ方が面白いと思った。特に、麺が伸びているデザインが斬新で再現度が高いと感じた。湯気も再現することでよりリアルに感じ、食欲がそそられる見せ方だなと思った。

・キャラクターが至るところで動いたりジャンプしたりしていて、サイトの雰囲気が楽しくポップになっている。キャラクター紹介では、キャラクターの性格や夢まで細かく設定されていて、コンセプトがしっかり考え込まれていると感じた。子供が好きそうだと思った。

・スマホファーストサイト。このサイトの縦スクロールに合わせたデザインが、どのデバイスで見ても綺麗に保持されている。

＜配色＞

＜フォント＞
・欧文…Oswald

・和文…ヒラギノ角ゴシック

※動きがある部分のキャプチャがうまくいかないようです。