Webサイトリンク集

こちらは白とコーポレートカラーの緑を基調にしているサイトです。

大きく種類の違う色を使用するのではなく、類似した色で統一することによって、サイト全体にまとまりが生まれています。

パララックスも効果的に使用されています。視差効果で立体感が生まれていることに加えて、マウスホバーをすると対象のイラストが動く仕組みになっており、エンドユーザーはより立体感を感じ取れることでしょう。

他にも、スマホ画面にした際のハンバーガーメニューの位置が特徴的です。ハンバーガーメニューはサイト上部の左右どちらかに配置されることがほとんどですが、こちらのサイトは画面内一番下の真ん中に固定で配置されています。一見、スクロールに干渉するように思われますが、実際にスマホで操作する際にも全くメニューの位置にストレスを感じることなくスクロールすることができました。

縦長のスマホが多く発売されている現状をみると、このように指が届きやすく、邪魔にならない位置にハンバーガーメニューを配置するのは、ユーザビリティ向上のために参考になる部分だと思います。