HubSpot的新员工培训
大家一起说

在本页:一个现代的设计和开发过程|分层|拖放vs HTML+HubL |旅程映射

你会喜欢的设计和开发过程

随着商业的成熟,他们意识到一个现代网站的“美丽”之处就在于它转换线索的能力。

这也是一些人认为优步和苹果网站“简单”的原因之一。它们很整洁。它们是有效的。将每个可用模块添加到特定于页面的自定义模板中无助于转换。他们引入了转换的障碍减少信任

一种极简的、对业务有利的方法是创建最少数量的模板,然后在页面创建阶段将内容导入模板中。这种方法有很多好处,包括:

  1. 结构化内容准备有助于避免“填空”
  2. 减少部署工作可以节省时间和成本
  3. 减少页面创建工作,加快网站建设
  4. 一致的布局符合UX最佳实践
  5. 未来的更新不需要完全重新设计

网站设计和开发实践已经改变。

在过去几年里,高性能模板和内容模块的引入为更快部署高质量网站打开了大门。它也改变了网站设计的方式。

Pro模板和模块结合了用户体验(UX)规范,以满足普通访问者的意图。最终,这有助于你关闭更多高质量的线索,因为体验感觉“正确”,摩擦最小。

这种变化对视觉设计领域的营销团队影响最大。重新集中到内容设计之下,它的处理方式与开发任务不同,通常在不同的层或阶段中。

还记得用Photoshop平版“完美像素”或选择WordPress主题的美好时光吗?当然,这些仍然存在。像素完美的设计通常出现在高成本的定制设计和开发端,而预先制作的主题则出现在低成本、一应俱全的端。新的模板和模块方法可以在中间的某个地方找到。

2022 -设计- dev -层

在现代的基于模板的设计和开发中,我们有4个主要的层来处理网页设计的不同方面:

  • 内容层。格式化文本并在模块中放置图像/富媒体。
  • 页面层。将专门构建的内容模块组装到页面布局中。
  • 模板层。结合品牌元素和网站的基本结构。
  • 平台层。存放底层技术。

开发人员通常处理平台、模板、模块和页面布局元素。营销人员通常处理内容设计元素。开发人员可以在他们的模板中构建支持用户体验的框架,使营销人员更容易、更快地部署具有更大转换潜力的网站。


HubSpot提供拖放或HTML+HubL开发环境

拖放的方法让diy的人很容易创建一个网站。HTML+HubL的替代方案依赖于一个在创建高质量的模板和模块方面有技能和训练的开发人员,营销人员可以在他们的工作中使用它们。这两种方法各有利弊,主要的区别在于用户体验是在哪里创建的(在遵循最佳实践的模板级或在依赖于营销人员知识的页面级)。

建立了无数高质量的HubSpot网站,我们更喜欢HTML+HubL的开发环境。它允许我们快速开发Pro资产。并且允许营销人员建立网页而不用担心网站设计的技术方面。

我们甚至找到了一种不用传统的高定制开发价格标签就能提供这些专业级别资产的方法。事实上,与传统的设计和开发项目相比,我们通常可以节省5000美元。


定制和组装自定义内容模块

2022 -响应-设计- 2

通过我们十多年开发HubSpot网站的经验,我们已经创建了HubSpot网站上可以使用的几乎所有专业级模块。您可以节省时间和预算,因为我们会根据您的业务需求推荐部署哪些模块和模板布局。

Kayak的内容模块响应迅速,专为潜在客户的产生和资格认证而设计,并加载了专业级别的功能。

完全响应的英雄模块,接受视频,图像,或色块;上下文导航模块,允许您定制链接的表示;还有中继器块,允许在可变网格中对复杂块进行全局样式化,这里仅举几个例子。将我们的模块组装成ux友好的布局,以匹配访问者的意图和基于角色的动机。


匹配游客意图的旅行地图

匹配访问者意图是我们针对两类访问者的重点:决策者和研究人员。对于决策者,我们采取了许多同行所采取的做法,战略性地定位呼吁行动模块,并在一开始就定制高级表单来细分线索。对于研究人员类型的访问者,在我们的模板中结合UX结构,引导信息搜索者在探索您的内容……把他们变成倡导者。

2022 -核心模板图标

应用核心模板节省时间和成本

Kayak的页面模板是结构化的,这意味着它们可以在多个页面上使用,无论内容如何。它们的设计和编码方式使营销人员和开发人员都能在模板级别上轻松编辑。对于每个项目,我们从三个核心模板开始,其中几乎可以放置任何内容。创建这些模块的一个好处是,它们包含未来模板将需要的全局内容模块。

  1. 主页(为新访客提供寻路服务)
  2. 带有上下文导航的内页(可能需要少量HTML格式)
  3. 带表单的登陆页(用于转换线索)

一旦创建了核心模板,并在页面级别添加了内容,就可以利用现有的全局模块(如页眉和页脚)开发专门的布局。一个常见的例子可能是产品页面或案例研究页面,其中内容与标准页面有很大的不同。

为什么不直接从市场上获取免费或付费主题?

主题和现成的模板是有趣的东西。客户喜欢他们。专业开发人员也喜欢它们。但是,原因完全不同。

客户喜欢它们,因为图像和营销演示将它们定位为一个按钮的即时视觉设计。

开发人员喜欢它们,因为它们提供了在设计和开发过程的开发部分优化模板性能的机会。

在HubSpot市场上找到的模板和主题可能很漂亮,但是,有一个隐藏的成本…他们是在没有你的帮助下被创造出来的理想的前景,旅程的地图,或业务流程。这是一个一刀切的网站。

它们当然可以起作用,但根据我们的经验,它们只是分散注意力的临时补救措施,而不是长期解决方案。他们需要大量的编辑或全面重建非常快。所以,节省时间和成本并不是一个结果。

再说了,你要做两次工作。

2022 -多米诺骨牌图标

网页无障碍事宜

我们开发的网站优先考虑网页可访问性、性能优化和hubspot特定的最佳实践。

虽然我们都专注于转换,但需要注意的是,并不是每个人都以相同的方式使用网络。为了确保每个人,包括使用辅助技术的个人,都能访问您的网站,我们在开发过程中牢记了网页可访问性的最佳实践。

2022 -可访问性图标

页面速度很重要

页面速度是用户体验的一个基本方面,可以确保用户在访问网站时获得最好的体验。

浏览器加载和渲染网页所需的时间长短会影响你的潜在客户生成工作。所有Kayak模块和模板都在技术方面进行了性能优化。

2022 -性能-图标

合作很重要

建立一个网站需要很多东西。它需要设计师、开发人员和内容创建者/编辑之间的协作。Kayak的模块和主题遵循了客户生成和旅程规划的最佳实践。

我们的代码很容易维护,因此内容编辑器可以毫无困难地使用模块和模板。我们以一致的方式开发模块,并开发避免代码重复的模块。

2022 -合作-图标

专业技术问题

我们的开发人员团队非常精通将专业HubSpot CMS模板的组件组合在一起。

在十多年的时间里,我们根据最佳实践构建了数百个模板HubSpot认证合伙人这可以确保你的内容编辑器能够快速工作,提供出色的营销体验。

看看谷歌的评论

看看HubSpot的评论

2022 -认证图标

HubSpot的新员工培训

Kayak超越了HubSpot的常规入职培训,更深入地研究了策略,同时也纳入了实用工具培训。

Oscar Zamorano (HubSpot首席渠道顾问)
Baidu
map