总的来说,AirOps 是我的一个 SaaS 示例,用来展示如何进行 SaaS 网站设计。
2.幽灵
幽灵定价页面
Ghost 以前只是 WordPress 的 CMS 替代品,用于发布博客文章,但现在它已转变为一个完整的媒体和新闻通讯平台。随着这一转变,一个全新的 SaaS 网站应运而生。
如果您正在寻找新闻通讯平台,Ghost 是最好的平台之一。但我们在这里不打算过多谈论 Ghost 的功能。我们在这里只是查看他们的网站并从中学习。
让我们浏览一下其中的一些页面。
导航栏
幽灵导航栏
Ghost 的导航栏简洁干净。它有两个不同的下拉菜单 — 一个用于用例页面,一个用于资源中心。
博客
资源中心结构很棒,甚至有一个“从这里开始”登陆页面,帮助网站访问者了解如何使用该平台。事实上,“从这里开始”页面充当了他们的博客。
幽灵导航栏从此处开始选项
但是,为了获得更好的用户体验,最好在 /blog/ 子文件夹中构建博客。
定价页面
幽灵定价页面
Ghost 的定价页面很好地展示了 SaaS 网站的定价。它有明确的 融合数据 定价层级、CTA 和滑块,可帮助您了解每个计划在发展过程中的相关成本。
滑块功能很棒,但它只对某些 SaaS 业务模式有意义。,您会注意到,由于其业务模式,其他一些 SaaS 网站的定价页面甚至更简单。
3.坡道
Ramp 的网站
接下来是 Ramp。Ramp 是一家企业信用卡公司,拥有一个漂亮的 SaaS 网站(使用Webflow构建)。
Ramp 网站简洁、通俗,很好地解释了产品的用途和适用人群。
让我们来看看 Ramp 拥有优秀 SaaS 网站的一些特质。