光沢のある見出しと3D感のある画像でメッキを強く打ち出す。動きをもたせる表現にはcanvasとvideoを使って実装

浜岡鍍金工業所

EXPO2025のパビリオン紹介サイト。青系のグラデーションや曲線、カーソルの動きと連動する蝶で幻想的な世界観を演出

ノモの国 | パナソニックグループパビリオン

FVはcanvasを用いたインタラクションで、明るさと高級感を表現。フッターでは住居を覗くことのできる遊び心のある実装

猫の健康を守る製品のECサイト。APNGのイラストやパララックス表現のインタラクションなど細部まで丁寧に作りこまれている

OPアニメーションではfilterとclip-pathを使用。ページ全体に慣性スクロールをかけることで高級感を感じさせる

商品パッケージのようなFVで、一目でサイトの内容を理解できる。ハンバーガーメニューをレイアウトに沿って動かす斬新なアイデア

シンプルなサイトで際立つグラデーション要素。FVのSVGアニメーションは、線でレイアウトをつくるデザインとの一貫性を感じる

ローディング画面から気持ちのいいイージングでサイトを表示。 ロゴはWebGLで滑らかに動き続ける

写真を強調したい箇所でThree.jsを使用。 スクロールと連動し、さらにCSSアニメーションも組み合わせて文章と差別化

水面に触れたようなインタラクションをjQuery Ripplesで実装。 非同期遷移のアニメーションで高級感が増している

慣性スクロールとパララックスアニメーションを活用したECサイト。 FVとフッターでブランド名もしっかりアピール

シアターに入り込んだような没入感。 FVのWebGLで”感性で楽しむミュージアム”を表現する

動画とインタラクションを組み合わせたカルーセルは気持ちのいいスピード感。メタディスクリプションの絵文字でカジュアルな雰囲気に

最下部までスクロールすると次ページに遷移。 丸みを帯びたアニメーションでクリエイティブを演出する

学園のシンボルであるクスノキの葉をSVGとclip-pathで配置し、 パララックスも丁寧に設定した周年記念サイト

隅のあしらいはマウスの動きと連動。 細かなインタラクションとBGMでヨーロッパの雰囲気を演出