SURSUR - Élections Québec

ケベック州選挙管理委員会（Élections Québec）による、若年層向けのメディアリテラシー啓発キャンペーンです。冒頭は「批判的思考をふくらませる天然サプリ SURSUR」という架空の商品LPとして始まり、送料無料バナーまで含めて通販サイトの体裁を取っています。スクロールを進めると「Désolé de dégonfler ta balloune」というセクションで種明かしがあり、そこから TRUC 01〜06 の6つの見分け方の解説に切り替わります。 制作は Gymnase Studio Web。Awwwards のタグは GSAP / JavaScript / WordPress / 3D / Unusual Navigation で、実装は WordPress テーマの上に GSAP のスクロール演出を載せる構成です。取得できたHTMLからは wp-content 配下のテーマ参照は確認できましたが、Three.js や canvas への参照は見当たりませんでした。3D は商品であるグミのビジュアルまわりに使われていると見られます。 【参考になるポイント】 ・広告のフォーマットを一度きちんと成立させてから壊す構成。スクロール1本で商品LPから啓発コンテンツへ切り替える ・OGP画像のファイル名が Partage-facebook.jpg で、SNSシェア前提のクリエイティブを別途用意している ・Awwwards スコア8.56（15票）、2026年7月19日に Honorable Mention ・※3D要素がリアルタイムWebGLなのか、事前レンダリングした3DCG画像や動画なのかは未確認