我们如何在Webflow进行Webflow

看看Webflow团队是如何使用Webflow的,从我们的设计系统到有趣的微型网站再到Webflow大学。

没有发现。

很多公司都在谈论他们如何“吃自己的狗粮”,这意味着他们使用自己的产品作为经营业务的一部分。欧宝体育在线首页

我喜欢更开胃的"我们喝自己的香槟"但不管你怎么说,事实是,在Webflow,我们确实在几乎所有事情上都使用Webflow。

我们的网站,当然,是建立在Webflow。但我们的也是在线学习平台我们的设计系统,我们的登陆页面,以及我们在经营软件公司过程中创造的许多其他经验和资产。

由于Webflow建立在每个人都可以为自己构建的原则之上——不需要代码——我们对每个新员工进行Webflow培训。当然,我们希望他们了解我们的产品,但也希望他们获得实际使用平台的实践经验——因为对于许欧宝体育在线首页多团队来说,使用Webflow是他们日常工作的一部分。

作为Webflow的高级品牌设计师,我花了很多时间为我的团队和公司的许多其他人在项目中构建Webflow。虽然我可能有偏见,但我认为我们产品的美妙之处在于,任何人都可以在工作场所创建类似的项目。欧宝体育在线首页因此,为了分享一些灵感,这里只是我们在Webflow Webflow的一些方式。

与Webflow设计系统保持一致

它是如何工作的

设计系统不仅仅是模式库或样式指南。它们是可重用组件、原则和指导方针的动态集合,为设计师和工程师提供了一种一致的产品、网页和品牌设计的共享语言。欧宝体育在线首页

我们的设计系统包括一个构建Webflow品牌体验的风格指南,涵盖了从排版到按钮到背景颜色。我们还维护一个通用的、预构建的组件库,如视频播放器和表示性呼叫,以加快工作流程,同时在每个资产创建一致的外观和感觉。

我们还保留了一份品牌指南,根据需要与内部或外部合作伙伴共享。这是品牌资源、声音和语气指南、消息传递、组件和内容模式的唯一真实来源。

所有这些关于在Webflow中构建和用于Webflow的资产都构建在Webflow中。

Webflow设计系统的一个图像。在这里,我们看到Webflow的颜色和设计调色板的视图。
Webflow品牌指南完全是在Webflow中构建和维护的。

Webflow的哪些团队使用它

Brand Studio团队负责维护和更新设计系统,每个为Webflow创建资产的人都会引用它们。

为什么我们喜欢它

我们的指导方针确保我们品牌的视觉风格反映在我们在Webflow中创建的每个页面和资产上。由于我们的团队已经通过了他们的指尖设计元素,他们可以快速创建一致的内容,同时避免重复工作。

在Webflow博客上发布有帮助的品牌内容

它是如何工作的

Webflow的博客是建立在Webflow CMS,一个功能强大的内容管理系统,允许我们的编辑上传和编辑内容,而无需任何设计或开发背景。由于Webflow本身已经有了设计护栏,我们的内容团队可以发布新文章,而不必担心是否符合设计标准。

Webflow的哪些团队使用它

我们的内容营销团队使用CMS每周发布新的博客文章,品牌设计师根据需要上传图片或视觉资产。成长营销团队也可以通过使用CMS在博客中创建广告。

为什么我们喜欢它

Webflow博客每个月都吸引数十万访问者访问我们的网站,使其成为我们营销策略的重要组成部分。由于内容团队不需要软件开发人员或其他团队来发布或编辑帖子,我们可以避免瓶颈,并保持一致的生产进度。欧宝体育在线首页另外,内容团队可以轻松管理搜索引擎优化最好的做法,如定义元标题和描述,直接在CMS -确保我们的博客排名良好的有机搜索和驱动更多的流量。

创建大规模的登陆页面,以支持活动

它是如何工作的

Webflow CMS还支持我们的广告登陆页面系统。预制布局包括条件可见性、集合过滤、多引用字段和CMS中的切换。这种结构基本上允许任何人通过简单地填写几个字段在几分钟内创建一个新的登录页面。不需要设计人员或开发人员的参与。此外,每个布局都是响应性的,以确保无论添加什么内容,它都将在所有设备上正确呈现。

在Webflow,我们的团队正在使用这些模板登陆页来推广我们的活动广告页面在线研讨会,电子书

Webflow的设计师中的Heco + Awwwards广告的图片。这张图片展示了Webflow的团队如何使用多引用字段和切换来增强博客内的内联广告。
我们在收集项中使用多引用字段和切换来增强广告登录页面。

Webflow的哪些团队使用它

可以想象,营销团队是我们登陆页面系统的主要用户。像我这样的品牌设计师会在需要的时候介入调整或创建新的布局。

为什么我们喜欢它

我们的登录页面模板为营销团队节省了大量的时间,并减少了其他团队参与发起活动时可能发生的瓶颈。因为每个模板都是响应式的和品牌上的,我们总是以一致的外观和感觉出现,并给潜在的新客户留下积极的印象。

通过Webflow大学教育和支持我们的社区

它是如何工作的

我们没有使用第三方的学习管理系统,而是使用Webflow进行构建和维护Webflow大学,我们收集的文章、课程、视频和其他教育材料。这是一个突破界限的项目的完美例子,因为我们的内容数据库包括组织成大纲课程的内容、搜索和可浏览主题等发现路径,以及可筛选的集成列表等功能。通过将无代码和一些自定义代码相结合,我们解锁了像进度跟踪这样的功能——这样网站访问者就可以跟踪他们已经完成的课程。

Webflow大学主页的图片。标题写着“学习网页设计,开发,甚至粗体文本-视觉上。”

Webflow的哪些团队使用它

我们的教育团队计划、创建、构建和发布大学内的内容。

为什么我们喜欢它

由于我们建立了Webflow大学,我们可以定制它来支持我们的教育团队想要产生的任何类型的学习经验,以更好地服务我们的用户。由于我们正在使用Webflow创建Webflow支持内容,这有助于保持我们的技能更敏锐,并更加突出我们对用户的理解。

用微型网站建立难忘的体验

它是什么

微型网站基本上都是为特定目的而创建的小网站。这也是充分发挥我们的设计能力,并尝试用Webflow构建一些新的、独特的东西的重要原因。

例如,我们创建一个新的微型网站没有代码设计每年。在2021年,我们决定使用运动来让微型网站的插图变得生动,代表如何构建块和无代码框架的元素一起工作。这种方法与我们应用于网站的品牌标准非常不同,所以这是一个有趣的试验机会。它甚至激发了Webflow博客的灵感使用运动同时优先考虑无障碍在网页设计中。

No-Code Conf 2021网站图片。它以粗体字读出“No-Code Conf 2021”与CTA通过查看会话录音“重温体验”。

活动网站在这里是很常见的,但我们也做一些微型网站只是为了好玩(我们今年有一些惊喜!),或者看看我们是否可以。在Webflow与他人的简单对话竟然会以这样的方式结束新的Webflow项目

Webflow的哪些团队使用它们

品牌设计团队通常会根据不同的需求建立微型网站。

为什么我们喜欢它

我们的设计师。我们热爱创造新事物!微网站让我们偶尔打破规则——在特定的条件下,不损害核心属性的品牌一致性,如Webflow.com,博客,Webflow大学,或登录页面。

想了解更多关于Webflow的内容吗?看看Webflow制造查看更多Webflow的实际示例。

从Webflow社区发现鼓舞人心的设计作品

“Made in Webflow”是浏览、克隆和定制Webflow社区创建的最新网站的地方。

订阅成为一个Webflow内幕
谢谢你!你已经订阅了!
哦!订阅的时候出了点问题。
检查一下

发表

2022年3月28日

类别

设计过程

加入谈话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

可视化画布中CSS、HTML和JavaScript的强大功能。

的相互作用

可视化地建立网站交互和动画。

更多的互动

CMS

定义自己的内容结构,并使用真实数据进行设计。

关于CMS的更多信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

更多关于编辑

举办

设置闪电般的管理托管在短短几次点击。

更多关于举办
Baidu
map