Sunbeam Bagels & Coffee

米テキサス州ブライアンのベーグルとコーヒーの店 Sunbeam Bagels の店舗サイト。制作はデザインエージェンシー Drifting Creatives。7時から15時の営業、パティオ席、サンドイッチとスペシャルティコーヒーといった店舗情報が中心で、店名は20世紀半ばにテキサスを走っていた列車 Southern Pacific Sunbeam に由来します。about、menu、coffee、catering、order という実用的なページ構成です。 制作側の説明は、驚かせるために設計したサイト、ベーグルを無限に召喚し、隠れた音を見つけ、遊びのあるマイクロアニメーションを見つけてほしい、退屈が退屈だから、というもの。実装は Webflow で、アセットは cdn.prod.website-files.com から配信されています。Awwwards が見どころに挙げているのはフッターの3Dベーグル落下アニメーションと商品の回転アニメーションの2つで、ページ内には店舗紹介の動画も2本埋め込まれています。 【参考になるポイント】 ・ノーコード（Webflow）でも Awwwards の3Dカテゴリに入るという事例。3Dは全画面の主役ではなく、フッターという読み終わったあとの余白に置かれている ・音を隠しておく、ベーグルを召喚できるといった仕掛けは、来店前の顧客の滞在時間を延ばすための実用的な設計にもなっている ・og:image は Webflow のCDN上に Sunbeam_SocialSharing.jpg として正しく用意されている ・※フッターの3Dベーグルが Spline / Three.js / 連番画像のどれで作られているかは未確認。HTMLからライブラリへの参照は確認できなかった ・※Awwwards では2026年7月23日エントリーで Honorable Mention