アメリカ歴代大統領をポリゴンイラストで振り返るWEBサイト[Faces of Power]

ドナルド・トランプがアメリカ合衆国大統領に就任する。ロシアのサイバー攻撃で当選を助けられた経緯や錚々たるIT企業トップを招いた会談などWEB界隈から見てても話題が尽きない。

そんな第45代大統領に至るまでの、アメリカ228年の歴史をポリゴンイラストでCOOLにまとめたWEBプロダクトを見つけた。

Faces of Power site screen shot

Faces of Power」はイタリアにてフリーのフロントエンドエンジニアをやっていらっしゃるMarco Sorsさんによる制作。

利用技術はSVGJavascript
一見ポリゴン風のただのイラストギャラリーかと思ったが、大統領の顔にマウスオーバーするとイメージが微かに動き、前後の大統領にページ切替するとフラグメントが浮遊してそのまま動くというかなりリッチなアニメーションだった・・・!一体どうなっているのやら。

各大統領のコンテンツやAboutページが全てシームレスに繋がっているのも美しいし、在任期間の数字カウンターの見せ方だったり、しっかりレスポンシブ対応されていたり、芸が本当に細かい。

各大統領に添えられた発言の抜粋も、アニメの名台詞みたいな演出で好き。

最近はディープランニングやIoT系のハイテクニュースが注目されるけど、こういうフロントエンドサイドのクリエイティブな取組みも、もっと取り上げられていけばいいと思う。



アメリカにおける白人の割合は年々下がっていって、数十年後には50%を切るとも言われている。今回はヒラリーが史上初の女性大統領なるかという点で注目を浴びたけれど、今後はアジア、ヒスパニック、アフリカ系など民族的な点においてもミスチャーの様相を呈した大統領の系譜になっていくんだろうな。

このWEBプロダクト、なぜかアメリカではなくイタリア発で、そういえばイタリア発のWEBサービスって珍しいなと思い紹介したくなった。

■サイトURL
Faces of Power

[data-hatena-bookmark-layout="standard-noballoon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"] img [src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;"]