Osmo
Unknown · SaaS · Creative motion tools
Osmo 把营销网站和核心创作产品体验整合在同一域名。Webflow 2025 Awards 将其评为 Technical Achievement of the Year，并明确披露 GSAP、BarbaJS、Webflow CMS 等实现。
点评
Osmo 是很典型的“产品本身就是 Hero”设计：它没有用抽象 SaaS 插画解释能力，而是直接把编辑器、动态作品和控制逻辑变成网页体验。GSAP 与 BarbaJS 的使用有明确目的，强化了创作工具的速度感和专业感。对 AI 工具、视频工具和设计 SaaS 很值得参考。风险在于高交互页面开发和性能成本较高，如果产品本身视觉输出不强，照搬这种结构反而会暴露产品质感不足。
站点结构
- 建站平台
- Webflow
- CMS
- Webflow CMS
- 框架
- GSAP + BarbaJS
- 架构
- Webflow CMS + app-like experience
- 首屏
- 可交互编辑器式产品演示
- 导航
- 极简产品导航
- 字体
- 产品化粗体无衬线
- 图片
- 产品 UI、动态作品和创作者案例
- 版式
- 营销页面与核心产品体验共域组织，通过产品界面、案例和用户反馈快速解释创作流程。
- 主色
- Black、White
- 动效
- Webflow 官方确认营销站使用 GSAP 动画和 BarbaJS 转场，产品区提供视频预览等 app-like 交互。