出版・メディアアーカイブ

新しい教科書の販売をお知らせするサイト。明るくポップなデザインで装飾やイラストがとても可愛いらしいです。

UI / UX

FVから下にスクロールするとヘッダーの高さが少し小さくなります。画面幅を広くとり、ユーザーに見やすいようにしている。

イラストがあるだけで可愛らしさが増します。NEW部分はシンプルにしがちですが、こういったあしらいはかわいいなと思います。

サイトに比較的合わせたバナーデザインで良いなと思いました。

ありきたりで横に動くのではなく、上に向く動きが「学習に対する意欲」的な感じをだしていて良いなと思いました。

アニメーションの小さな動きなどから親しみやすさ柔らかさを感じます。また、吹き出しの形をサイト全体で使用しているのも特徴です。

フッターでは吹き出しの形がそのまま使用されていますが、ヘッダ〜フッターまでのコンテンツは角丸部分の形を使っています。同じ形を繰り返し使用しているので統一感がでます。

メニュー部分にカーソルを当てるとぴょこぴょこ微妙に動きます。ちょっとした動作ですが、こういったさりげないアニメーションの動きがサイトの雰囲気を作りだしています。

見出しはしっかり目立ち、本文との差が明確で余白も多く取っているので読みやすさを感じます。

残りの表示時間も直感的に分かるようになっており、一旦止めて眺めたいときや、画面の動きを少なくしたいときに便利。ユーザーが自分のタイミングで調整できる仕掛けになっていると思いました。

密接しているので誤タップが起きそう。（デザイン優先での並びなのか…)