SEPTEMBER 2025
担当範囲
Web Design / Web Development
制作期間
デザイン・コーディング：7日
使用したテックスタック
P5.js / React / TypeScript

「グラフィックデザインの窓」という展示をWebサイトとして表現する

2025年9月に開催された9名のグラフィックデザイナーによる合同展「グラフィックデザインの窓」のプロモーションWebサイトを制作しました。この展示は、1990-2000年代生まれであり、グラフィックデザイナーとしてキャリアを重ねる面々が、クライアントワークを各自の構成によって編集し展示します。
展示のメインビジュアルは、会場の窓の写真と、私が「虫虫」展で発表したアートワーク「ムシのグラフィック」を用いるというルールに基づいて構成されています。9名のデザイナーはこのルールのもとでそれぞれポスターを制作しました。私はプロモーション用Webサイトの制作を担当することになり、同じルールを取り入れて構築しました。

モーションデザイン

窓の後ろから飛び出した虫のグラフィックたちは、実際の虫のようにそれぞれ自由に動き回ります。ページをスクロールすると、虫の動きが画面下のコンテンツに影響されるように連動しており、まるで虫たちがコンベアベルトの上を歩いているように見えます。スクロール方向によって虫たちの動きも変化し、空間全体が生きているかのような感覚を演出しています。

言葉では伝えきれない体験です。ぜひリンクから実際の動きをご体感ください。