
Flowty
集中と休憩を交互に回すタイマーアプリの紹介サイト。見どころが全部、画面の間の遷移側にある。
- サイトURL
- https://flowty.co/
- クレジット
- Moyra
- 使用技術
- Nuxt.jsGSAPWebGL3D
集中と休憩が交互に来るときに仕事は進む、という発想の集中/休憩タイマーアプリ Flowty のランディングサイト。制作は Moyra。うるさいアプリをブロックして1日のリズムを作る、というアプリ側の主張がそのままサイトのコピーになっています。2026年7月6日 Honorable Mention(20票中15票、6.4〜9.5)。
Awwwards の技術タグは Nuxt.js / GSAP / WebGL / 3D。Nuxt でページを組み、GSAP がローディングとページ遷移を、WebGL が3Dビジュアルを担当する構成です。キーカラーは紫の #8D3BFF 一色で、色数を足さずに立体の陰影だけで階層を作っています。
【参考になるポイント】
・Awwwards が個別要素として登録しているのは Page Loading / Navigation / Page Transition / Footer / Scrolling。アプリ紹介サイトなのに、拾われた見どころが全部「画面と画面の間」にある
・単色プラス3Dという構成。ブランドカラー1色でも、マテリアルとライティングで情報の強弱が付けられるという例
・Nuxt.js と GSAP の組み合わせはこのバッチで唯一(Astro が3件あるのと対照的)
・※実サイトのHTMLを直接取得できなかったため og:image を確認できず、サムネイルは Awwwards の投稿画像を使用
・※3Dが Three.js か素のWebGLか、モデル読み込みかシェーダのみかは未確認
