01 7月 [网页设计公司x网站设计公司推荐文] 网页设计流程第ㄧ步骤从网站架构图着手 – 想设置迷人的网站，我要做什么内容准备？
( 文 / 网页设计公司 • 2.5D 品牌顾问 图 / headway )
网页设计流程：数位网路的应用沸沸扬扬，许多客户都想要赶快加入设置官方网站的行列，我们在与客户新网站设计初次访谈的第ㄧ个疑问都是，请教“我要准备哪些资料给您制做网站？”。以下说明让您更轻松筹备官网建置的内容！
建构网站的筹备事项掌握以下几个要点：
-
企划网站树状流程架构图
-
网站的内容定位规划
-
网域名称的制定与申请注册
-
网站程式系统与资料库的选定
-
网站主机其系统的规划与申请
-
网页原型设计与网站主视觉与风格设计规划
-
网站内容的撰文
-
网站图资与影像取得的方法
-
程式制作
-
除错修正
-
使用免费网路资源崁入官网与社群行销规划
-
发布上线建立SSL凭证
-
SEO工具设定
-
追踪网站点阅成效
网页设计构想导入设计思考 – 事业在企划网站时需要大量的内部讨论，从品牌的定位、目标受众（客群）归纳、事业服务项目含网路专属服务与数位/数据行销项目、产品规划、网域名制订、网站系统选择、网站硬体设备与网站维护编制…等事项逐一讨论，运用内部讨论交换意见。与外部针对官方网站行销作市场调查数据，整理出一套文字资料来规划事业网站重点方向。依据内部文字规划分类制作架构流程图（树状图如下）借此初步图象化事业网站的规格书与初步样貌。
网站企划从网站架构流程树状图开始
网站架构树状图是ㄧ个设计思考的流程，经由团队的脑力激荡，经以下步骤进程：Empathy（同理心）> Define（需求定义）> Ideate（创意动脑）> Prototype（制作原型）> Test（实际测试）。并整理出一套文字资料来规划事业网站重点方向。依据内部文字规划分类制作架构流程图（树状图如下）借此初步图象化事业网站的规格书与初步样貌。
官方网站内容定位与规划
网站内容定位是以简要文字方式来描述网站的风格也就是“用ㄧ句话来描述你的网站”，如清爽的生活风格网站、文青的台北巷弄报导网站、活泼真实的人资网站、休闲自然的渡假村网站、科技与活力的织品研发网站…等等。在内容定位的过程中往往也会参考线上的网站范本分析优劣来规划风格与方向。
网域名称的制定与申请注册
什么是网域名称(Domain Name)？：网域名称(通常简称为“网域”) 是一种简单好记的名称，与网际网路上的实体IP 位址相关联。 这是一个专属名称，除了会显示在电子邮件地址的@ 符号之后，也会显示在网址www. 的后方。 举例来说，网域名称example.com 可转译为实体地址198.102.434.8。（资料来源Google官网）
网域名称或域名(Domain Name)的制定很简单，越短越好记忆如：yahoo.com, google.com…等，网站内容定位清晰后即可容易产出网域名称，选择注册网域名称的地方有：
也可以从主机商代注册与代管如：
远振资讯：https://host.com.tw
汇智资讯：https://www.cloudmax.com.tw
网站系统程式与资料库的选定
网页管理系统选择：
WordPress 65.2%
(W3Techs.com, 19 December 2021)
构物型的网站以自行系统开发为主因应国家语言、在地金流与在地使用习惯开发出因地置宜的管理系统
网页系统程式语言与资料库选择：
购物型电子商务与内容管理网站已主机系统程式语言相关联并搭配各自资料库，以下系统程式市占率可已分析出哪ㄧ种系统程式适合您的定位需求：
网站主机服务商其系统的规划与申请
伺服器（英语：server）指：
一个管理资源并为使用者提供服务的电脑软体，通常分为档案伺服器（能使使用者在其它电脑存取档案），资料库伺服器和应用程式伺服器。执行以上软体的电脑，或称为网路主机（host）。
伺服器通常以网路作为媒介，既可以通过内部网路对内提供服务，也可以通过网际网路对外提供服务。伺服器的最大特点就是其强大的运算能力或是具备大量磁碟储存空间的电脑，使其能在短时间内完成大量工作及负载大量的档案资料储存，并为大量使用者提供服务。（Wikipedia）
网站程式与管理系统决策之后，可在下列服务商中申请主机服务，也建议透过网页设计顾问公司谘商建议后作整合规划，以下可包含：网域名、主机伺服器与eMailㄧ站式的申请也方便管理：
国内主机选择：
国外主机选择：
网页原型设计与网站主视觉与风格设计规划
网页主视觉设计需要设计思考与安排，网站美学设计代表事业的外貌，资讯发达的时代网站的外貌容易因为需求整合而杂乱无序，网页设计懂得以美学为建构理念中心才能架构出高级感的网站并跟上时代脚步，选择质优的网页设计公司执行制作，设计师收到完整的企划资料时可以经由文字、图表与事业主沟通取得完整内函后产生风格设计构想；Studio 2.5D 的设计师采用正规的网页规划设计工具制作网页原型 / Prototype，以所见即所得的方式将网站主要页面设计制作完成并包含重点页面浏览呈现给客户审查。设计好的风格页面与客户讨论后作修正与确认以达到客户事业网站企划的需求要点。
相关参考网站：
http://www.ni.com/white-paper/8752… （ 原型制作的 6 大理由 via National Instruments ）
网站内容的撰文
网页内容的撰写跟网站架构规划有关联，依据架构规划，逐项的开始撰写网站服务文字内容，网站撰写非常简单，发想每个主页的主题画面，如关于我们的品牌故事-可以将整篇内容分为1.开始2.发展3.结果4.理想（也就是传统书写的起、承、转、合），故事题材的挖掘很重点，要深刻的观察与分析最后转译为ㄧ篇有感的文章，撰写文章要平易近人与轻松自然 – 传统的引用成语与过度包装的冠冕堂皇文案让人感觉老派不真诚。以品牌故事撰写来说，先以客观角度列出品牌Q&A来了解品牌的问题与解决构想，并将Q&A转写为ㄧ偏吸睛且平易近人的文章。期他网站的服务内容也可以用上面的方法来撰文以完成整站的文字内容的一致性与完整度。
网站图资与影像取得的方法
图库是设计者与品牌经营者皆知的ㄧ种方便的影像服务之ㄧ，
为什么有业者采用图库，却也有专业设计师与知名品牌避之唯恐不及，采用原创拍摄？
使用图库 –
图库也有优势：
1.取得容易/便宜方便 – 网页图片可以从图库中购买取得，比起客制化摄影照片花费不高
2.补足自己图片说明的不足
3.提供通用性的图解
图库的缺点：
1.与他牌共用相同图片的可能性
2.印象含糊，无法真实表达品牌内涵
3.风格不ㄧ致，造成品牌焦点失散
采用专业摄影 –
客制化品牌形象摄影（委托专业摄影师）的优势是：
1.真实充份的呈现品牌内涵
2.影像风格可以有效掌握让品牌聚焦
3.影像具有时间感可以连续性创作，达到延续与阶段的说故事功能，如：（第ㄧ季、第二季品牌活动…计划的接续性影像陈诉）
客制化品牌形象摄影的缺点是：
1.较高的相片预算费用
2.品牌主需要有效掌控品牌摄影风格与内涵
程式制作
导入RWD(Responsive Web Design / 响应式网页设计)，前端程式设计师Front-End Engineer与系统程式设计师Programmer收到网页原型/Prototype后，依据原型规划与编写客制化程式，程式包含前端动态表现与资料库串联。作品以Prototype 原型牵入程式，编排设计与程式结合以表现最佳自动化网页设计效果，为网页设计公司较标准的作业流程。
http://www.tiobe.com/index.php/content… ( 2015各类程式语言排名 via tiobe )
然而使用WordPress版型设置网站，可以省去许多坊间通用的功能与特效节省程式开发费用并有效的把资源投入网站风格设计、使用者经验、版面配置与原创图文的创建等。
使用免费网路资源崁入官网
崁入免费网路资源可以运用网路社群来广传讯息也可以更方便察询相关资讯如地图与即时通，优良可崁入工具很多，使用WordPress CMS更能有效快速的达成崁入各项资源如：
1.Facebook:
分享、按赞、粉丝团大头贴与贴文
2.Instagram:
分享、相簿
3. GMB-GOOGLE 商家（GOOGLE MY BUSINESS）
建立商家营业相关资讯并设立地图
4.Google Map：
崁入地图
4.Line:
加入Line官方站号
社群行销规划应该配置在网站上如：各个粉丝专页官方社群的分享与崁入依人流属性规划配置。
除错修正
将编写程式制作完成的网站作上线前测试，让客户依实际线上浏览试用与动态表现作缺点的改进，以达成上线前的完整度。
发布上线建立SSL凭证
牵入客户系统正式上线服务，并可开始追踪点阅率与客户建议，作使用者分析。上线同时也做好完善的SSL凭证认证，以确保使用者浏览网站安全无虞，关于：SSL凭证认证。
SEO 工具设置
以下SEO基本工具设置推荐有效追踪点阅率，建置完整的SEO网站结构：
1.设定GA（GOOGLE ANALYTICS）
GA（Google Analytics）Google分析是解析网站使用数据有效与最完整的分析工具，使用GA可以追踪浏览量（Page View）、使用阶段（Session）、跳出率（Bounce Rate）使用GA也可以与广告发布作结合追踪转换率（Conversion Rate）。经由分析受众行为来强化网站的内容与技术。
2.设定 GOOGLE SEARCH CONSOLE TOOLS
Google Search Console Tools 网站管理员是GA（Google Analytics）分析网站使用数据之外的另ㄧ种有效与完整的分析工具，使用Google Search Console Tools经由分析页面点阅率与网页除错来强化网站的架构与技术。
追踪网站点阅成效
按周或按月观看Google分析报表以追踪点阅成效。
12个月免费保固与免网站维护费
如果我们很荣幸有机会为您设计规划网站，在贵事业官网上线后，原有功能设计作上线后保固12个月，让您的每个受众都能满意体验您的事业品牌网站。
