一个你会喜欢的网站设计和开发过程
当重新设计一个网站时，大多数营销人员和商业领袖会跳到一个预先设计好的主题画廊，充满美丽的图像和程式化的字体处理，然后选择一个吸引他们的主题。这很常见，我们都做过。
不幸的是，选择一个基于个人审美的网站主题不太可能像一个为你的前景而设计的网站那样转换访问者。特别是一个遵循网站用户体验最佳实践的网站。
这就是为什么我们网站开发的方法或理念是预先设计工作的组件保持简单，聪明。
网站设计和开发的线框
亨利·福特在世纪之交就发现了这一点。通过制造制造汽车所需的零件，他能够非常快速地管理、组装和运输一辆高质量的汽车。同样的过程可以应用于创建和启动一个高质量的网站，快速:
- 预设计通用模块和布局
- 尽量减少所需模板的数量
- 利用内容资产进行品牌和样式化
- 设计路径以满足游客的意图。
网站设计和开发实践已经发生了变化。
Kayak在过去几年中引入了高性能模板和内容模块，为更快、高质量的网站打开了大门。
营销人员不需要购买和安装一个通用的主题或模板(然后填写空白)，只需从线框开始，他们就有一个令人难以置信的机会，在接近自定义开发的水平上定制他们的网站的外观和感觉。
为您的网站投资提供未来保障。
部署高质量线框的一个隐藏优势。视觉设计会过时，但结构不会。利用按照UX最佳实践设计和组装的模板和模块，只需要用您的品牌“蒙皮”。然后添加内容。
是时候告别定制设计和开发的高成本和廉价、通用主题的低性能了。将线框方法与Hubspot结合起来目标的新员工培训指导和咨询支持，这是一个双管齐下的解决方案，可以帮助您更快地进入市场，吸引合格的潜在客户，并更轻松地将他们转化为客户。
现代的基于线框的设计和开发有四个主要层，其中可以找到特定的网站元素:
- 页面。保存您的文本，图像和富媒体。
- 模板。组装模块以创建页面布局，并应用您的品牌。
- 模块。专门构建的模块提供功能并创建网站的结构。
- 平台。容纳底层代码和技术。
开发人员通常处理平台、模板和模块，并应用全球品牌，如字体、颜色、徽标等。营销人员通常会处理内容元素。通过采用线框方法，开发人员能够在模板中构建对UX的支持，使营销人员更容易、更快地部署具有更大转换潜力的网站。
HubSpot提供拖放或HTML+HubL开发环境
HubSpot的拖放方式让营销人员可以轻松创建网站。HTML+HubL选项要求开发人员能够熟练地创建高质量的模板和模块，供营销人员在工作中使用。这两种方法都有优缺点，主要的区别在于用户体验是在哪里创建的(在模板级别遵循最佳实践或在页面级别依赖于营销人员的知识)。
在构建了无数高质量的HubSpot网站之后，我们更喜欢HTML+HubL的开发环境。有一个警告……我们真的希望确保客户有权管理他们自己的网站。因此，我们将拖放方法结合到模板中，将HTML + HubL方法结合到模块中。这使得营销人员可以创建网站页面，而不用担心后端的技术方面。
而且，我们已经找到了一种方法来提供这些专业级别的资产，而不需要传统的高定制开发价格标签。事实上，由于我们的方法，与传统的设计和开发项目相比，我们通常可以节省多达5,000美元。
定制和组装自定义内容模块
在创建HubSpot网站的十多年中，我们遇到并开发了几乎所有您应该在您的网站上使用的专业级模块。所以你永远不需要从头开始。
因此，许多客户能够将原本分配给开发的预算转移到内容和部署上，这样投资就能赚钱而不是花钱。
Kayak的内容模块响应迅速，专为开发潜在客户和确定潜在客户而设计，并加载了专业级别的功能。
例如，我们的全响应式英雄模块接受视频、图像或色块;上下文导航模块让您定制链接的表示;中继器块允许在可变数量网格内对复杂配置进行全局样式化。这只是您将在我们的模块中找到的一些功能。
旅行地图，以匹配游客的意图
匹配访问者的意图是我们对两种常见类型的网站访问者的关注:决策者和研究人员。对于决策者，我们做了许多同行所做的事情，战略性地定位行动呼吁模块，并在一开始就定制高级表单来细分潜在客户。对于研究人员类型的访问者，我们将UX结构整合到模板中，引导信息寻求者探索您的内容。这一策略有助于将他们转变为倡导者。满足两种类型的访问者-还有什么更好的呢?
应用核心模板来节省时间和成本
Kayak的页面模板是结构化的，这意味着无论内容如何，它们都可以在多个页面上使用。它们的设计和编码方式使营销人员和开发人员都可以轻松编辑。对于每个项目，我们都从三个核心模板开始，几乎可以放置任何内容。
- 带有角色模块的主页(目的:为新访问者提供第一印象和引路)
- 内页与上下文导航(目的:告知访问者您的产品和服务)
- 带表单的登录页(目的:转换引线)
可以根据需要组装其他模板。
