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

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

 

カップヌードルに興味を持ってもらい購入につなげる要件のサイト

横幅１０００で十分は余白が用意されているのでTOPへ戻るが右下になくてもするする動ける

冒頭のH１かなというカップヌードルの裏側の文字まで、一文字ずつspanで囲んでアニメーションさせる
CSSアニメーション、JSによるアニメーションがふんだんにつかわれたサイトで
カップラーメンの湯気がどうなっているのか見てみると、動画ではなく
２枚のPNGをしたから上に交互に移動させる工夫をしているこだわりぶり。
スライダーに見えるものも、実は写真一つ一つをレイアウトして、
驚きます。

動画も扱いながらRWDに対応しているし、ハンバーガーメニュースライダーほか全て自前でコーディングしているようにみえます

気になったこと

サイトのメインカラーの#ff0000　真っ赤なんです
でも
ランディングページならともかく、このページ数文字数コンテンツ量で
ずーっとこのカラーの文字とバックグラウンドだと目が疲れてしまって見ていられない気がします。

 

 

 

HOME

Webサイト100選