Draniki — Digital Studio

Draniki は家族経営（family-run）を名乗るデジタル体験スタジオのポートフォリオサイト。ブランドアイデンティティ、ブランド戦略、ウェブサイト、クリエイティブキャンペーン、イベントの5領域を扱い、アート・文化、テクノロジー、ファッション、飲食、ホスピタリティなど17業種を対象に挙げています。ケーススタディとして Grom と Cardwell & Sage の2件を掲載しています。 Awwwards のタグは Next.js / 3D / Blender / Parallax / Big Background Images で、ここで重要なのは Blender が入っていて Three.js も WebGL も入っていないことです。実際、トップページのHTMLから参照されている動画は /bg_video.mp4 の1本で、canvas によるリアルタイム3Dは確認できませんでした。Blender でレンダリングした映像を全画面の背景として敷き、その上をパララックスとマイクロインタラクションで動かす構成です。 【参考になるポイント】 ・3Dカテゴリに入っていてもリアルタイムWebGLとは限らない典型例。事前レンダリングの動画1本で見た目を作り切る判断は、ロード時間と実装コストの両面で合理的 ・og:title / og:description / og:url は入っているのに og:image のmetaタグだけが無い。SNSシェア時のカードが弱くなるので、サムネイルは Awwwards の投稿画像を使用している ・※背景動画の解像度・尺・ビットレート、およびモバイルで同じ動画を配信しているかどうかは未確認 ・※Awwwards では2026年7月24日エントリーで Honorable Mention