NUTION

活気にあふれた力強さを感じるサイト

背景とテキストにモノクロカラーが使用されたシンプルなサイトですが、たくさんの色がアクセントカラーとして使用されているので、明るく賑やかに感じます。美しく色を変えるロゴと目まぐるしく移り変わる動画が印象的で、変化が素早く、スピード感があるためサイトに活気が出ています。
また、見出しやテキストには太字のゴシック体が多く使われていて、安定感や力強い印象を与えています。

共通の色を使って印象付ける

サービス内容を紹介するセクションでは、スクロールに合わせてカードをめくっていくようなアニメーションがつけられています。カードをめくるアニメーションとともに、サービス内容を紹介するテキストも同時に変化するので、テキストとイメージが結びつきやすく印象に残ります。また、アクセントカラーとしてサービスごとに異なる色が使われているのですが、この色はプロジェクト事例のセクションのタグラベルの色と共通しており、どのサービスの事例なのかが直感的にわかるようになっています。

コンテンツの邪魔をしないヘッダーメニュー

右上に設置されたメニューは、下へスクロールしているときには消えて上にスクロールしているときには出現するように設定されています。複数行にわたって表示されるメニューですが、下にスクロールして読み進めているときには消えるので、コンテンツの邪魔になることがありません。反対に、すでに読んだ部分に戻ろうとして上にスクロールすると出現するので、あまりスクロールしなくても、すぐに読みたいセクションに移動することができるのでサイト全体が回遊しやすくなっています。