Hikaru Utada ''Face My Fears'' Global Website

Webサイトでは、ニューシングルの収録楽曲に加え、2018年11月に配信リリースした楽曲”Too Proud featuring XZT, Suboi, EK (L1 Remix)”の世界各国での盛り上がりが 可視化されています。YouTube・Spotifyの総再生回数や、Spotify・Apple Musicでのソングランキング最高位、世界中からの楽曲に関連するトピックスやInstagram・Twitterの投稿がカウントされ、Webサイト上でその数値を視覚的に表現しました。

開発時には、楽曲の盛り上がりをビジュアライズする際にサイトが重くならないことを目指しました。インターフェイス全体の触り心地やアニメーションを作り込み、ずっと触っていたくなる気持ち良さを追求しています。特にメインとなる地球儀のマッピング部分は検証を重ねて工夫した箇所。実装開始時はSVG + D3.jsでの開発を予定していましたが、最終的にはthree.jsで大陸を描画することに。マウスオーバーでの国の判定はTopoJSONと連携した別データから判別し、APIから受け取ったSpotifyとApple Musicのデータをアウトプットしています。