山本珈琲株式会社

雰囲気をつくるアニメーション

テキストにブラーをかけ、表示とともに徐々に浮かび上がっていくようなアニメーション。柔らかさと丁寧なこだわりを感じます。珈琲の湯気を思わせるデザインになっているところもすごい。小さな赤い丸のあしらいを徐々に小さく、鮮明にしていくことで、上からポンと降ってくるような立体感が生まれています。

ホバーすると珈琲を注ぐような線を描くボタンや、こてんと傾くような動きがかわいらしい他ページへのバナーなども印象的。視線が引き付けられるアニメーションが各所に散りばめられています。

文字で魅せる

日本語フォントにはZen角ゴシック New、英字にはoptima（またはMarcellus）が使われています。親しみやすさとスタイリッシュさ、安心感と個性のバランスが絶妙。サイトの雰囲気をつくるフォント選びが上手だなあと思いました。小さな英字や背景に重ねた数字など、文字の装飾的な使い方もとても参考になります。