为客户设计的 6 步网站设计流程

已发表: 2021-09-24

您的潜在网页设计客户是否了解网站设计过程的工作原理? 在您的网页设计过程中教育客户是展示您在提供可取得成果的网站方面的专业知识、信誉和权威的绝佳机会。 在这篇文章中,我们将把网站设计过程分解为 6 ​​个步骤。

有了当今市场上所有用户友好的网站构建工具,几乎任何想要构建网站的人都可以相对轻松地完成。 但是一个高质量的网站设计过程不仅仅涉及建立一个网站。

专业的网站设计师知道对他们的网页设计项目采用循序渐进的方法很重要。 毕竟,如果这个过程不精简、高效和有效,那么世界上所有的网站建设技能和努力都将变得无关紧要。

也许您还没有从这些方面考虑过您对网页设计过程的个人方法。 如果您像许多其他企业和网站所有者一样,您可能不会像其他业务实践那样认真对待网页设计过程。

现在是改变这种状况的时候了,我们将向您展示具体的方法。

在本指南中

    正确的规划如何构建更好的网站

    如果您是一名商业或自由网页设计师,请考虑在您的作品集网站上创建一个独立页面,并将新客户引导至您的个人网页设计流程(我们即将向您展示的流程)。 大多数客户更喜欢为他们的网页设计项目制定一个清晰、可操作的计划,而这正是您应该给他们的。

    当您完全阐明您的设计过程并在整个项目中进行良好沟通时,随着项目的进展,您最终会得到更满意的客户、更少的工作和更少的头痛。 您最终也会得到一个更好的网站。 这不是我们都想要的吗?

    现在,让我们来看看专业网站设计过程的六个关键步骤,这些步骤将每次都能带来最佳的最终结果。

    网站设计过程

    网站设计过程的 6 个步骤

    优质的网页设计不仅仅是建立一个网站,而且对网页设计项目采用循序渐进的方法展示了开发成功的在线形象所涉及的所有工作和技能。 也许您从未想过用这些术语进行网页设计过程的方法,但也许本文中的大纲可以帮助塑造您自己的方法。

    采取这 6 个步骤,在您的自由网站上创建一个特殊页面,并将新客户指向您的网页设计过程。 大多数客户会更喜欢为他们的网页设计项目制定一个清晰、可操作的计划,明确您的网站设计流程将有助于整个项目的沟通,最终让客户更快乐——并减少您的工作(和头痛)。

    第 1 步:发现阶段

    如果不先了解项目的目标是什么,就不可能完成一个成功的网站设计过程。

    如果该项目是针对您自己的网站,请花一些时间写下有关以下方面的研究信息:

    • 您的网站所在的企业或行业
    • 您的目标市场以及您的客户是谁和将来是谁的详细信息
    • 建站的最终目的和目标

    当您写下项目目标的细节时,您会自动使它们更加切实可行。

    不要只是让你的目标在你的脑海中浮现。

    如果您是与客户合作的专业网站设计师,那么网页设计过程的发现阶段就是收集信息。 这一步对于您了解更多关于客户的业务和行业、他们的目标市场和客户以及网站的最终目标/目标也非常重要。

    虽然跳过发现和规划阶段并直接进入设计阶段很诱人,但前两个步骤对于为客户的需求构建正确的网站至关重要。

    在发现阶段,问自己或您的客户以下一系列问题。 答案将很快开始指导即将到来的项目的流程:

    1. 您的企业或组织是做什么的?
    2. 是什么让您的企业或组织在竞争中脱颖而出?
    3. 谁是你的竞争对手?
    4. 谁是你的理想客户?
    5. 描述本网站旨在提供或推广的概念、项目或服务。
    6. 您网站的目标是什么?
    7. 谁会访问您的网站?
    8. 你对这个网站的梦想是什么?
    9. 获得可靠的网络存在是否涉及严格的预算,或者是否有一些金钱自由可以使用?

    除了这些问题之外,请花几分钟时间阅读题为“下次自由客户会议期间要问的 65 个问题”的文章。 本文中建议的问题分为七个主要组:

    • 客户
    • 项目
    • 观众
    • 特点和范围
    • 电子商务
    • 时间和预算

    每个小组都提供重要的潜在信息领域,这将有助于塑造整个网页设计项目。

    使用 65 个问题帖子中包含的方法,网页设计过程的发现步骤实际上更像是与潜在客户的初步咨询会议。 在发现阶段,您可以更好地衡量您和潜在客户之间的化学反应,调查您与潜在客户之间的工作条件,并估计项目的范围。

    通过这次会议,您还可以向潜在客户介绍您将在本指南中学习的 Web 开发过程,并建议可以满足客户目标的其他功能。

    这也是向潜在客户宣传您的持续服务对网站维护的重要性的好时机。

    当然,如果您正在为自己的目的构建网站,回答 65 个问题帖子中提出的问题将向您展示如何简化流程并让您按计划实现目标。

    下载电子书:如何从客户那里获取网站内容
    现在就下载

    第 2 步:规划

    就像信息收集一样,网站设计的规划步骤是启动新网站的关键部分。

    如果您怀疑是否需要在网站设计过程的规划阶段花费时间,请考虑您做过的任何其他与网络无关的项目,无论是个人项目还是企业项目。

    如果没有计划过程,结果可能不会像您希望的那样结束。

    例如,如果您开始建造一个新的棚屋,而没有先计划如何从头到尾完成这个过程,那么您的最终结果可能不会持续很长时间。

    作为企业主或网站设计师,非常想直接进入构建网站的设计步骤。 这主要是因为设计阶段显然是项目中(对大多数人来说)最有创意(和令人愉快)的部分。 但是,适当的研究和规划将有助于阐明您的网站目标并指导您的设计。

    因此,在流程的这个阶段花费大量时间对于项目的成功至关重要。

    你有没有听过一句老话,“测两次,剪一次”? 这个概念也适用于设计网站。 花时间在网站规划上是一项很好的投资,从长远来看,它最终会为您节省时间甚至金钱。

    在规划阶段,您需要查看或创建网站的 SEO 策略。 由于网站通常将大量信息组织成用户友好的格式,因此在开始设计任何内容之前,这也是了解丢失内容的好时机。

    计划阶段还可以帮助客户了解他们在满足最后期限内容方面的作用,因此启动过程不会被拖延。 如果您曾经为客户设计过网站,您就会知道追逐客户内容可能是阻止项目按计划完成的一个关键(通常也是令人沮丧的)因素。

    网站设计的规划阶段包括 3 个基本任务,我们将在此处详细介绍。

    他们是:

    • 创建或审查 SEO 策略
    • 创建网站站点地图
    • 内容审查和开发

    让我们仔细看看每一个。

    创建或审查 SEO 策略

    以最简单的形式,SEO 是:

    “通过自然搜索引擎结果提高网站流量的质量和数量的做法。”

    虽然今天大多数人至少对 SEO 的概念有些熟悉,但经常被遗忘的是 SEO 最佳实践不是一组静态规则。

    事实上,它们是不断变化的。

    那么,在 2021 年及以后带来最佳结果的 SEO 是什么? 要完全理解搜索引擎优化的含义,我们需要将上述定义分解为三个独立的部分。

    他们是:

    网站流量质量:当然,您可以通过各种不同的策略每天吸引成千上万的随机网站访问者。 但是,如果用户登陆您的网站是因为 Google 向他们展示了您是购买 Apple iPhone 的资源,而您的网站实际上销售的是农场新鲜苹果,那么您就没有带来高质量的访问者。

    相反,重要的是要知道如何吸引对您的网站所提供的内容真正感兴趣的访问者。

    网站流量:在您确定如何让合适的用户从搜索引擎结果页面或 SERP 中点击进入您的网站后,是时候引入更多用户了。 毕竟,您带来的优质访客越多,您就会发现越多合格的潜在客户。

    自然搜索结果:每当您运行 Google 搜索时,您都会注意到所有排名靠前的结果都填充了看似自然搜索结果的广告。 事实是,这些广告构成了任何网站 SERP 的重要组成部分。

    但是自然流量是我们搜索引擎优化所追求的。 这是每天不断重复出现的流量,而无需向 Google 付费投放广告。

    并且有可能做到。

    以下是如何开始:

    • 如果您正在构建自己的网站,请研究您的企业或行业的特定搜索词。 如果您正在与客户合作,请与他们讨论相同的问题
    • 研究和审查关键字数量
    • 创建关键字/关键短语的电子表格
    • 审核现有网站内容以进行 SEO 重点
    • 列出需要填补空白的 SEO 内容
    • 将关键字/关键短语映射到现有或未来的内容

    如果您不熟悉自己的 SEO 或向客户提供搜索引擎优化服务,我们有几个免费的 SEO 培训和 SEO 培训视频的基础知识。

    您还可以查看 SEO Summit 进行 9 小时的 SEO 强化培训。

    创建网站站点地图

    在规划阶段制定 SEO 策略后,接下来是构建网站站点地图的时候了。

    站点地图本质上是构成网站的页面结构的轮廓。 在进行任何网站设计之前规划站点地图有几个不容忽视的关键好处。

    例如,您可以:

    • 围绕最重要的页面构建您的设计
    • 更有效地规划网站导航
    • 全面了解仍需编写的内容

    使用您的 SEO 策略,构建具有适当页面层次结构和内容孤岛的站点地图。

    为您的站点地图和站点大纲创建一个专用文档。

    您可以使用站点地图作为检查清单来指导您的项目进度。

    包括基本的网站页面(关于、联系等)以及额外的关键字/关键短语页面。

    对于 WordPress 网站所有者,请考虑使用 Google XML Sitemaps 插件来帮助您。

    内容审查和开发

    网站规划过程的最后一部分包括对网站内容的深入审查。

    首先,您需要对现有内容进行审核(如果现有网站已被替换或重新设计)并制定计划以制作新内容,以帮助网站更好地运行。

    客户可以负责创建新内容,但这通常会带来原本可以避免的问题。 大多数情况下,同意为自己的网站编写内容的客户在他们的业务和生活中还有很多其他事情要做。 即使您为内容交付设定了严格的截止日期,

    现实情况是,大多数人根本不喜欢或不知道为网站编写内容的正确方法。

    如果您正在考虑让自己负责为网站编写内容,但对这个想法并不感到兴奋,那么与自由撰稿人签约以满足您的内容需求通常会非常有帮助。

    有一些廉价的内容公司,例如 TextBroker、Scripted、The Hoth 和许多其他可以帮助您处理内容的公司。

    在内容审查和开发过程中,您需要:

    1. 查看现有的网络内容
    2. 索取非网络内容,例如小册子、名片或传单
    3. 雇用或指派作家以满足内容需求
    4. 设置内容完成的最后期限

    没有好的内容,网站就不会成功。 因此,投入大量时间和精力来确保项目内容已准备好执行非常重要。

    第 3 步:设计

    网页设计过程的第三步是设计网站的外观。 在此步骤中,使用基本网页元素(例如标题、导航、小部件等)创建网站线框。

    然后可以使用 Photoshop 等程序将线框移动到更逼真的模型中。

    与所有设计一样,良好的网页设计面临的挑战是平衡形式和功能。 使用您在发现和规划阶段收集的信息来塑造您的设计。

    优秀的网页设计师在每个设计决策背后都有意图。

    对于 WordPress 设计师和开发人员,您网站的设计都将从选择最佳主题来构建。 如果您从未听说过 Kadence 主题,现在是时候了解一下了。

    下载 Kadence 主题

    它可能很快就会成为每个新 WordPress 项目的首选主题。

    Kadence 主题以独特的方式与 WordPress 块编辑器配合使用,让设计网站再次变得有趣。 这是一个免费主题,具有一些顶级高级主题的所有花里胡哨,并且确实包含了下一级功能,可以使任何网站既美观又有效。

    要充分利用 Kadence 主题并将其提升到一个新的水平,您还需要使用 Kadence Blocks。 该工具将为您提供 100% 专业的设计结果,而无需知道如何编码。

    但请记住,设计应始终容纳内容。

    再读一遍,让它沉入其中。

    设计应始终容纳内容。

    问题在于,内容通常会适应设计,而内容很少受到关注。 您的网站内容是您希望观众注意到的第一件事。

    因此,对于您的每一个页面设计,停下来问自己以下三个问题:

    1. 页面的主要目标是什么?
    2. 用户是否清楚他们需要采取什么行动?
    3. 设计如何鼓励用户采取行动?

    专业而有效的网页设计师还将密切关注设计如何转化为代码。 即使您不是自己进行开发,作为一名设计师,投资于您的编码技能也是一个好主意。

    并且始终确保让开发人员在将设计交给客户之前对其进行审查。

    最后,使用设计阶段与客户确定网站的整体外观并讨论以下决策:

    • 颜色
    • 排版
    • 意象

    在进入开发阶段之前与客户确认设计。

    第 4 步:开发

    在开发阶段,网站设计被转换为使网站正常工作的实际代码。 这个阶段可能是最漫长的,所以让客户了解项目的状态。

    在开发阶段,像下面这样的常规 3 句电子邮件非常适合保持客户沟通:

    “这就是我们本周(过去)所做的。 这就是事物(存在)的地方。 这就是下一步(未来)。”

    毕竟,如果您在开发过程中沉默一段时间,许多客户会做出最坏的打算,您可能会失去项目。

    对于 WordPress 设计者和开发者来说,网站开发的基本步骤包括:

    1. 在本地主机或测试服务器上安装 WordPress。
    2. 安装入门 WordPress 主题。
    3. 安装一个 WordPress 备份插件,最好是 BackupBuddy。 在开发期间运行 BackupBuddy 可以轻松地 1) 恢复文件更改和 2) 将站点移动到实时域或服务器以进行启动。
    4. 使用模型,将设计翻译到实时站点。
    5. 在此过程中进行测试和优化。

    第 5 步:启动网站

    终于,终于到了启动网站的时候了!

    由于启动网站涉及很多步骤,因此最好使用清单来确保您没有遗漏任何步骤。

    确保利用这些文章中的清单来确保您的网站启动顺利:

    • 面向开发人员的完整 WordPress 启动清单
    • 基本的 WordPress 网站启动清单
    • 终极 WordPress 清单:每个 WordPress 网站所有者的 80 多项任务

    它们肯定会使启动您的网站的过程更加高效。

    第 6 步:维护

    自由职业者经常忽视网页设计的最后一步。 但是,网站维护对于网站的长期健康和成功以及潜在的经常性收入来源非常重要。

    在新网站项目开始之前,就拥有网站的长期责任教育潜在客户。 就像拥有汽车或房屋一样,网站也需要保养和维护。 提供每月一次的 WordPress 维护服务,让您的客户免去网站维护任务。

    在基本层面上,WordPress 维护服务包括以下必要操作,以保持 WordPress 网站平稳运行:

    • WordPress 更新
    • 主题和插件更新
    • WordPress 备份
    • WordPress 安全插件,即 iThemes Security Pro
    • 分析跟踪和报告
    • WordPress 托管

    WordPress 维护还可以扩展到网站维护的其他领域,例如 SEO、添加新内容或更新现有内容、评论批准/回复、垃圾邮件清理等。

    如果您管理多个 WordPress 站点,请使用 iThemes Sync 等服务从一个仪表板管理 WordPress 更新等。

    在讨论正在进行的站点维护时,请询问您的客户:

    1. 是否有编辑、更新和推广您的网站的长期策略?
    2. 谁将负责维护网站?

    如果客户需要您修复网站问题、更改内容等,请准备好提供您的每月维护费率并告知客户每小时费率。

    询问您的客户:是否有编辑、更新和推广您网站的长期策略? 谁将负责维护网站? 如果客户需要您修复网站问题、更改内容等,请准备好提供您的每月维护费率并告知客户每小时费率。

    为顺利的网站设计过程干杯

    通过遵循我们刚刚概述的六个步骤,网站设计过程将更加顺利并保持目标。 通过一些研究和规划,您的网站设计将更加知情。

    通过遵循开发和发布清单,您将不会错过任何关键步骤。 最后,维护网站可以保护在构建网站方面所做的投资。

    最终,客户会对他们的体验更加满意,并看到他们网站的价值。

    网站设计过程