Sky Clinics

SkyClinics はアルバニア・ティラナの歯科・美容クリニックで、海外からの歯科ツーリズムを主な客層にしています。ナビゲーションは Home、Clinical Systems、The Experience、Partners の4つ。「Where smiles take flight」というタグラインどおり、クリニック紹介というより空を飛ぶ体験としてサイト全体が設計されています。制作は Silvester Cekodhima、CMS は Sanity。 制作者の説明は「プレミアムな歯科・美容クリニックを、スクロール駆動の Three.js フライトとして再構成した。トグル1つでサイト全体が、昼の世界とプロシージャルなオーロラに照らされた夜空との間で反転する」。スクロール量がカメラの飛行経路に直結し、テーマ切り替えが CSS のダークモードではなく3Dシーンそのものの昼夜切り替えになっている構成です。Awwwards のタグは Three.js / React / Sanity / 3D / Scrolling。 【参考になるポイント】 ・ライト／ダークの切り替えを配色ではなくシーンの時間帯として実装している。空・雲・オーロラを丸ごと差し替える発想 ・オーロラをプロシージャル生成と明言しており、動画テクスチャではなくシェーダーで作っていると読める ・医療系サイトで重量級の3D体験に振るのは珍しい。歯科ツーリズムという旅行商材として売る前提があるから成立している ・※実サイトのHTMLからは canvas や three.js の直接的な痕跡、og:image のいずれも取得できなかった。実装の記述は制作者の申告と Awwwards のタグに基づく ・※サムネイルは Awwwards の投稿画像を使用 ・※Awwwards は2026年7月14日 Honorable Mention（7.19／10、15票）