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

一个你会喜欢的网站设计和开发过程

2022 -发展-图标

当重新设计一个网站时,大多数营销人员和商业领袖会跳到一个预先设计好的主题画廊,充满美丽的图像和程式化的字体处理,然后选择一个吸引他们的主题。这很常见,我们都做过。

不幸的是,选择一个基于个人审美的网站主题不太可能像一个为你的前景而设计的网站那样转换访问者。特别是一个遵循网站用户体验最佳实践的网站。

这就是为什么我们网站开发的方法或理念是预先设计工作的组件保持简单,聪明。


网站设计和开发的线框

亨利·福特在世纪之交就发现了这一点。通过制造制造汽车所需的零件,他能够非常快速地管理、组装和运输一辆高质量的汽车。同样的过程可以应用于创建和启动一个高质量的网站,快速:

  1. 预设计通用模块和布局
  2. 尽量减少所需模板的数量
  3. 利用内容资产进行品牌和样式化
  4. 设计路径以满足游客的意图。

网站设计和开发实践已经发生了变化。

Kayak在过去几年中引入了高性能模板和内容模块,为更快、高质量的网站打开了大门。

营销人员不需要购买和安装一个通用的主题或模板(然后填写空白),只需从线框开始,他们就有一个令人难以置信的机会,在接近自定义开发的水平上定制他们的网站的外观和感觉。

为您的网站投资提供未来保障。

部署高质量线框的一个隐藏优势。视觉设计会过时,但结构不会。利用按照UX最佳实践设计和组装的模板和模块,只需要用您的品牌“蒙皮”。然后添加内容。

是时候告别定制设计和开发的高成本和廉价、通用主题的低性能了。将线框方法与Hubspot结合起来目标的新员工培训指导和咨询支持,这是一个双管齐下的解决方案,可以帮助您更快地进入市场,吸引合格的潜在客户,并更轻松地将他们转化为客户。

2022 -设计- dev -层- 2

现代的基于线框的设计和开发有四个主要层,其中可以找到特定的网站元素:

  • 页面。保存您的文本,图像和富媒体。
  • 模板。组装模块以创建页面布局,并应用您的品牌。
  • 模块。专门构建的模块提供功能并创建网站的结构。
  • 平台。容纳底层代码和技术。

开发人员通常处理平台、模板和模块,并应用全球品牌,如字体、颜色、徽标等。营销人员通常会处理内容元素。通过采用线框方法,开发人员能够在模板中构建对UX的支持,使营销人员更容易、更快地部署具有更大转换潜力的网站。


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

HubSpot的拖放方式让营销人员可以轻松创建网站。HTML+HubL选项要求开发人员能够熟练地创建高质量的模板和模块,供营销人员在工作中使用。这两种方法都有优缺点,主要的区别在于用户体验是在哪里创建的(在模板级别遵循最佳实践或在页面级别依赖于营销人员的知识)。

在构建了无数高质量的HubSpot网站之后,我们更喜欢HTML+HubL的开发环境。有一个警告……我们真的希望确保客户有权管理他们自己的网站。因此,我们将拖放方法结合到模板中,将HTML + HubL方法结合到模块中。这使得营销人员可以创建网站页面,而不用担心后端的技术方面。

而且,我们已经找到了一种方法来提供这些专业级别的资产,而不需要传统的高定制开发价格标签。事实上,由于我们的方法,与传统的设计和开发项目相比,我们通常可以节省多达5,000美元。


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

2022 -响应-设计- 2

在创建HubSpot网站的十多年中,我们遇到并开发了几乎所有您应该在您的网站上使用的专业级模块。所以你永远不需要从头开始。

因此,许多客户能够将原本分配给开发的预算转移到内容和部署上,这样投资就能赚钱而不是花钱。

Kayak的内容模块响应迅速,专为开发潜在客户和确定潜在客户而设计,并加载了专业级别的功能。

例如,我们的全响应式英雄模块接受视频、图像或色块;上下文导航模块让您定制链接的表示;中继器块允许在可变数量网格内对复杂配置进行全局样式化。这只是您将在我们的模块中找到的一些功能。


旅行地图,以匹配游客的意图

匹配访问者的意图是我们对两种常见类型的网站访问者的关注:决策者和研究人员。对于决策者,我们做了许多同行所做的事情,战略性地定位行动呼吁模块,并在一开始就定制高级表单来细分潜在客户。对于研究人员类型的访问者,我们将UX结构整合到模板中,引导信息寻求者探索您的内容。这一策略有助于将他们转变为倡导者。满足两种类型的访问者-还有什么更好的呢?

2022 -核心模板图标

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

Kayak的页面模板是结构化的,这意味着无论内容如何,它们都可以在多个页面上使用。它们的设计和编码方式使营销人员和开发人员都可以轻松编辑。对于每个项目,我们都从三个核心模板开始,几乎可以放置任何内容。

  1. 带有角色模块的主页(目的:为新访问者提供第一印象和引路)
  2. 内页与上下文导航(目的:告知访问者您的产品和服务)
  3. 带表单的登录页(目的:转换引线)

可以根据需要组装其他模板。

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

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

客户喜欢它们,因为图像和营销展示将它们定位为按下按钮即可实现的即时视觉设计。

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

像那些在HubSpot市场上找到的模板和主题可以很漂亮,但是,有一个隐藏的成本…他们是在没有你的情况下被创造出来的理想的前景,旅程的规划,或者业务流程。这是一个适用于所有人的网站。

它们当然可以起作用,但根据我们的经验,它们只是分散注意力的临时修复,而不是长期解决方案。他们需要大量的编辑或完全重新开发很快。因此,节省时间和成本并不是结果。

而且当这种情况发生时,你是在做两次工作。

2022 -多米诺骨牌图标

网站无障碍事宜

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

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

2022 -可访问性图标

页面速度问题

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

一个浏览器加载和渲染网页所花费的时间可以决定你的潜在客户生成工作的成败。所有的Kayak模块和模板都在技术方面进行了性能优化。

2022 -性能-图标

合作很重要

建立一个网站需要做很多工作。它需要设计师、开发人员和内容创作者/编辑之间的合作。Kayak的模块和主题遵循潜在客户生成和旅程映射的最佳实践。

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

2022 -合作-图标

专业技术问题

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

在过去十多年里,我们按照最佳实践构建了数百个模板HubSpot认证合作伙伴这可以确保你的内容编辑可以快速工作,提供出色的营销体验。

看看我们谷歌的评论

看看我们的HubSpot评论

2022 -认证图标

HubSpot的新员工培训

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

奥斯卡·扎莫拉诺(HubSpot首席渠道顾问)
Baidu
map