我们如何在 Articulate Marketing 建立网站
已发表: 2022-04-12首先，我们建立 HubSpot CMS 网站。 如果您不知道 HubSpot 是什么，请不要担心。 前往此处进行简单介绍。 对于那些仍然和我们在一起的人，今天我们将概述为我们的客户构建网站的过程。
本文基于我们的一次网络研讨会，该研讨会由我本人主持，Articulate Marketing 工作室负责人 Ioana Negulescu。 您可以观看视频并下载以下幻灯片：
网站建设挑战
在构建新网站（或迁移现有网站）时，通常有一个初始步骤。 我们需要减轻一些恐惧。 客户因之前代理机构的经历而被烧毁的情况并不少见。
当我们听到...
“我们担心建立一个新网站，因为上一个网站太痛苦了。”
我们这样做...
我们已经听过很多次了。 所以，我们努力做得更好。
例如，我们喜欢使用里程碑，而不是使用甘特图。 我们关注的一件事是拥有一个透明的流程，并不断更新进度。 这让我们的客户有安全感。
在网页设计过程中，对我们来说非常非常重要的一件事是：通过电子邮件进行视频通话。 这很重要，因为我们可以衡量客户的反应。 如果他们有点安静，如果他们非常兴奋，等等。 这样，我们就可以提出符合他们期望的建议。 当然，还要回答他们可能提出的任何问题。
当我们听到...
“我们多次试图追捕开发商，他们就是不会再找我们。”
我们这样做...
为了标记进度，我们使用定期的项目管理电话，我们从第一天起就在日历中。 在这些项目管理电话会议中，我们展示了新工作并确定了阻碍因素。
设计人员和开发人员需要时间来真正完成工作，因此他们参加每个此类电话会议并不总是有意义的。 我们在相关时将它们引入。
当我们听到...
“如果新网站不能满足我们的期望怎么办？”
我们这样做...
在我们开始任何网站设计项目之前，我们都会了解他们的营销策略基础。 这非常重要，因为在这个阶段，我们了解客户的客户、买家的旅程和企业的营销目标。 这将为我们做出关于网站的许多战略决策提供信息，从一开始就设定期望。
然后，我们转向品牌架构。 在这里，我们列出了网站的基本原理。 颜色、图像或插图、UX/UI 元素、字体——网站的整体美感。 这是一个非常协作的过程。 我们的客户参与了每一步，因此他们的输入和要求都包含在最终产品中。
一个例子：HTG
我们为 HTG 建立了一个屡获殊荣的网站，因此我们将在整个过程中使用它们作为示例。
当我们第一次与他们交谈时，他们表达了这些恐惧并概述了他们的挑战。 这些是 B2B 技术公司中非常常见的问题：
- 雄心勃勃的业务增长目标
- 过时的网站（和品牌）
- 很少有潜在客户捕获机会
- 笨拙的导航
- 用户体验差
- 网站性能不佳
如果这听起来像您，那么请到这里为您的网站评分。
衔接过程
简而言之，这是我们的流程。 单击此图像以查看更多详细信息：
让我们回到HTG的例子。 与他们一起，我们遵循了通常的七个阶段流程：
1. 开球
启动是网站项目的第一次互动。 在那次电话会议中，我们试图衡量客户对设计和品牌抱负的偏好。 我们希望将这些偏好从战略上与任何 Articulate 网站的最终目标保持一致：建立一个运作良好的营销引擎。
2.情绪板和网站结构
这里我们运行两个内部进程。 一种是将情绪板、字体推荐、颜色推荐、图像等放在一起。
另一个是，与我们的营销文案团队一起，我们将网站地图推荐放在一起。 这是导航结构和我们需要构建的页面。
然后，我们有一个客户审查电话，这是我们的第一个重要里程碑。 在每个阶段结束时，我们都会进行审核电话。 如果一切都获得批准，我们将进入下一阶段。 如果不是，我们返回并迭代。
3. 初始设计和线框图
在这里，我们将主页设计为展示网站美感的一种方式。 通常，我们会创建一些不同的选项供客户选择。 当我们以模块化方式设计时，我们认为这是展示一些最重要的“乐高积木”外观的步骤。
同时，我们围绕页面结构制定策略。 也就是说，什么样的内容会出现在哪个页面上？ 我们需要哪些乐高积木？
然后我们的团队构建线框，就像没有设计元素的网站页面的粗略草图。
4. 设计所有模块并编写草稿网络副本
在这个阶段，我们的文案团队开始起草副本，而设计团队则继续设计网站所需的所有模块。 我们并非总是将所有副本都写在客户的网站上，但当我们这样做时，我们会根据预先商定的站点地图以透明的每页为基础收费。
5. 开发网站
为了现场展示模块设计，我们使用lorem ipsum 副本和占位符图像开发和构建所有页面，以便我们的客户可以正确了解最终结果。
与开发人员合作时，任何开发人员，您都想问他们一些相关的问题：
- 为了对我们的网站进行编码，您采取了哪些主要步骤？
- 你如何确保代码整洁？ （模板网站的一个主要问题。）
- 您何时以及多久检查一次速度和整体性能？
- 网站开发后如何构建页面？ 对于构建页面的人来说，这是否是一种友好的用户体验？
或者，如果您正在使用 Articulate，“您解决魔方的最快时间是多少？” 我们欢迎这样的问题。
我们的开发过程从 Notion 开始，在那里计划我们的工作。 然后，我们设置导航和一些全局模块的基本代码。 接下来，我们为我们需要为该特定网站构建的每个设计元素和功能准备一份质量保证清单。 这将使我们在整个构建过程中保持正确。
我们在 HTML 中搭建所有模块，然后开始查看样式。 所以，想想砖、灰泥、绘画和装饰。
在整个过程中，我们测试一切，检查性能并进行改进。 通常，我们会学习如何做得更好，并将这些专业知识带入我们的下一个网站。
6. 填充页面
在这个阶段，经过几次迭代和客户评论，我们用批准的副本和图像填充页面。 在这个阶段，该网站几乎可以启动了。 我们经历了另一个客户审查阶段，之后，我们运行了一个全面的发布前质量检查清单。
7. 发射！
我们发布，然后我们运行另一个发布后质量检查清单，因为确保网站正常运行并且从登台到上线没有任何问题是非常重要的。
最后，当然，我们庆祝！
优秀网站设计的 10 个技巧
以下是我们多年来学到的一些规则，以及数十个网站构建：
- 将您的偏好放在第二位，然后将您的角色的痛点放在第一位。
- 专注于您如何帮助您的客户，而不仅仅是列出您的服务。
- 不要试图重新发明轮子。 什么有效，有效是有原因的。 例如，只关注首屏区域是一个神话。 每个人都知道如何滚动。 甚至还有一个关于它的网站：http://abovethefold.fyi/
- 保持导航简洁明了。
- 使按钮以价值为导向。 尽可能避免通用副本。
- 如果存在具有更多上下文的页面，请始终链接到相关页面。
- 在关键页面上，避免有太多的外部链接。 （你的博客是一个不同的故事。）
- 始终以一个或多个 CTA（号召性用语）结束页面，将用户带到流程的下一步。
- 不要低估联系页面的力量——它通常是一个退出点，但你真的非常想把人们留在那个页面上。
- 少即是多！
奖励：不要让标志决定一个糟糕的设计
当我们设计 HTG 的网站时，他们的标志已经过时，不再适合我们想要的品牌。 我们通过一些简单的更改对其进行了现代化改造：
这里有一些值得深思的地方。 在我们的数字时代，您的品牌最有可能是您的网站，而不是您的徽标。 因此，首先考虑网站，其次考虑徽标。
发射后会发生什么？
好的。 你有一个新网站。 怎么办？ 正如我们所说，在 Articulate，我们将网站视为营销引擎，因此我们的参与不必在发布时就结束。 事实上，这只是我们大多数客户旅程的开始。
从创建新内容（如博客、支柱页面、门控报价和“挤压”页面）到运行行为跟踪和多变量测试，您的网站可以做的还有很多。
潜行高峰：核
那么如何获得 HubSpot 网站呢？ 有几个选项，例如定制网站构建，但一种方法是使用 HubSpot 主题。 Nucleus 是 Articulate 自己的此类主题。
主题就像一个更复杂的网站模板。 我们自己的网站是建立在 Nucleus 之上的，我们已经将它用于具有大量设计风格的多个客户。 我们将于 2022 年在 HubSpot 市场上推出它。借助 Nucleus，我们可以在几周甚至几天内为我们的客户构建高度优化的网站。 这一切都相当令人兴奋！
>> 点击这里探索 Nucleus <<