きのこさんのサイト100選

いいサイトを作りたいから、いいサイトからたくさん学ぶ!

【13 ラムネ/森永製菓】単色でポップ。ボタンの動き、まねしたい!!

f:id:szkmw:20180717093230p:plain

 

スーパーかわいい!!!

白地に、まる、さんかく、てんてん…

色は青みどり?水色?の青系のラムネカラーに、

ロゴの赤色。のみ。

「ポップさ≠カラフル」なんだな〜。

 

森永のHPにブランドサイトはこちらってあって、

このページに飛んだけど、

このページでブランドサイトは完結している。

たった1ページのブランドサイトだけど、

伝えたいことは凝縮されてるんだろうな。

 

そしてたった1ページでも多言語対応

世界のラムネ。

 

おおっとなったのが、ボタンの動き。

f:id:szkmw:20180717093908p:plain

ホバーした時に、

①ドロップシャドウ的な影が商品サイトへの下に隠れる

②ボタンの背景がドロップシャドウの色にだんだん変わる

③と同時に、矢印と文字が白くなる

という動きがある。

 

色だけでこんなに表現できるんだ!

難易度高いのかな?

やり方すら浮かばん…