斜め上から見ている感じで描かれたIsometric（アイソメトリック）なデザインイラストを採用しているwebデザインのまとめです。
いずれも基本的にはファーストビューで採用しているものになりますが、サイトによっては全体的にこのテイストを用いたイラストを採用していたり、ただイラストを配置するだけでなくアニメーションをつけたりナビゲーションの役割を持たしているところもあります。
要素や色の組み合わせ方、角度や影のつけ方など、こういったアイソメトリックなデザイン要素をサイトに取り入れようと考えている場合は参考になると思います。
株式会社メルペイ
ファーストビューでアイソメトリックなイラストで描かれた街並みが表示されており、PCサイズでは人が歩いていたり電車が走っているアニメーションつきムービーになっています。
ボラギノールタウン
こちらもアニメーション付きの街並みがアイソメトリックなイラストで描かれています。
配置されているものはそれぞれクリックで詳細情報などを見れるのですが、そこにもアイソメトリックなイラストが採用されています。
North Detail
つながる科学研究所
デバイス画面やホワイトボードなど、部分的にアニメーションをつけています。
Storyblok
RetailYouUP
Stedi
アイソメトリックなイラストデザインとパララックスな動きを組み合わせています。
Chronicled
RUYA
ファーストビューにあるイラストはデザインとして配置されているだけでなく、ナビゲーションとしての役割もあります。
Frame
