公司网站

认真打造一个功能完善、设计时尚而介面流畅度高的公司网站…真的有这个需要吗?

technine告訴你 – 絕對有!

现时每个消费者购买什么也好,第一件事必然是先上网找资料,因此每间公司的官方网站,就是顾客开始购物旅程的第一个接触点;而公司给予潜在顾客第一个印象,是很取决于其官网予人的“整体观感”;而良好的观感可以提升品牌形象,继而建立消费者信心等等。

所以,一个设计优良而功能完善的公司网站,是可以提高潜在客户在该公司“网店”甚至是“实体店”进行消费的机会!

何谓一个设计优良/ 完善的公司网站?

  • 公司网站是否易于在搜寻器中被找到吗?
  • 网站构图布局吸睛吗?
  • 介面易于使用吗?
  • 具备有双重认证登入等保安功能吗?
  • 有足够的网店功能—可处理下单、运费计算和付款程序吗?
  • 假如公司业务蒸蒸日上,需要扩充或增加其他高阶功能时,现有的内容管理系统 (CMS) 结构上能够容许进行扩展吗?

不如让technine告诉你, 一个“真正有效的”公司网站是如何炼成的!

第一:建立公司网站平台的注意事项

操作及管理

网站使用“内容管理系统”(CMS) 进行管理,可自行建立新页面、加入内容及储存横额等图片。用户介面、网站结构 (以“文件夹”显示)、操作过程等必须简易,不需多次点击/ 经过多个页面才可完成添加、修改及发布内容等。

方便套用網頁主題插件

部份CMS内置不同风格的主题,方便用户选择现成网页版面设计。转换新主题时,过程应简易而不影响内容排位;可设定以固定格式 (已选取字型、大小、颜色等) 加入内容,以保持整体风格一贯性;亦应允许加装插件 (Plugin),为扩充网站时可加建进阶功能。

搜索引擎優化 (SEO)友善

SEO友善的CMS可协助设定最简单有效的页面网址 (URL)、内部连结 (Link Building)、Meta Title (网页标题) 及Meta Description (网页描述)等,以增加网站“内容”和“关键字”的相关性,提升网站在搜寻结果页 (SERP) 中的排名。

可處理不同的媒體類型

CMS理应兼容及可正常显示大部份不同格式的媒体 (如:PNG、GIF等),亦允许上载其他如HTML或PDF等到文件夹,为公司的宣传电邮 (eDM)、刊物或其他市场活动的个别页面建立包含公司域名的连结,方便以其他渠道对外传播。

第二:technine推介的网站必备功能

technine提供的 CMS连接GA,用户可自行查看网站内的各项数据,例如:不同页面的点击率、浏览人次等,并可以每日/星期/月显示,方便了解访客行为及进行数据分析。

SEO是指优化网站内容、网址及编码等,提升内容与“关键字”的相关性及网页载入速度,从而提高网站在搜寻器结果页面 (SERP) 的排名。technine一向为公司网页客户提供SEO服务,增加网上曝光率。

网店成本远比实体店少,所以很多零售商建立公司网站时,一并加建网店方便同时管理。technine可为客户订制专门的CMS、官网及网店,包括网购常用功能,如货品处理、优惠特价、下单付款、运费计算等,为客户打通网上销售渠道。

很多中小型公司都忽略了IT保安的重要性,假如被恶意攻击及入侵,绝对影响营业额甚至资料外漏,后果难以估计。因此technine为客户网站提供IT保安功能,如防火墙和双重认证登入(2FA) 等,并定期自动备份资料,即使发生意外仍能尽快恢愎运作。

有统计指出,使用“移动装置”上网的人数远较使用“桌上电脑”多,所以公司网站必需使用RWD—即使采用不同尺寸的移动装置 (手机、平板电脑等)浏览网站,网页都能应对并自动调节比例、字型及图像大小等,提升访客浏览体验,予以良好印象。

第三:一般网站应有的功能

联络表单 (Contact Form)

指一般置在网页内的“表格”,让访客可自行留下姓名、电邮及查询问题等资料,方便网主收集跟进,还可应用于活动或会员登记等。

弹出型视窗 (Pop-up Light Box)

并非浏览器中开的新页,而是突然弹出的较小型视窗,常见用于广告。通常可调校在访客浏览到网页一定位置或一定时间才弹出,极能引起注意。

通讯订阅 (Newsletter)

网站除可建立公司形象、发布产品资讯和购物外,还应可打开与访客沟通的大门 ,让潜在客户订阅定期通讯,孕育更多销售机会。CMS可具备基本处理订阅或取消功能,甚至连接“客户关系管理系统”(CRM),进一步处理及使用客户数据。

部落格/ 网志 (Blog)

网志功能容许在一个页面张贴多个文章,并可作简单分类及搜寻。公司网站通常以此发布最新消息、活动及产品资讯。除可确保网站内容保持更新外,最重要是对SEO有莫大裨益!

第四:technine限定特别效果及额外功能

视觉效果 — 应用于图片/横额类

互动式影像对比 (Image Comparison Slider)

此功能容许以拖拉方式比较同一张图片被修改前后的分别。相比把两张前后图“右左平放”在一起,这是把两张放在“同一位置”,使用者可拖拉画面细致比较两图之间的分别。

3D照片视差效果 (3D Photo Parallax)

明明是静态2D图像,为什么可看到景物前后移动?“视差”是在2D场景中建立深度错觉,在相机移动时令“背景”影像的移动速度比“前景”的慢,而形成近似3D的效果,令人惊喜!

滑鼠悬停效果 (Image Hover Effect)

这是指把鼠标移至网页上某些元件时(即文字方块、按钮或图片),会出现不同形式的视觉效果,一般是文字或背景变色,或图片会转成另一个影像等,令网页画面更丰富吸睛。

网页动画效果 (Web Animation)

网页动画效果

一般应用在图像上,或随着滑鼠点击、转到另一部份或页面时出现。动画特效的好处是效果及选择相当多,配合网页主题而设计,更能强调视觉效果。

额外功能 — 应用于社交媒体类

网页与社交媒体动态同步 (Instagram/ Facebook)

营销人员 (Marketer) 需同时更新网页及社交媒体,内容通常相同,但分开数次发布的确费时失事。此功能允许使用者更新IG或FB时,一并自动发布至公司网站,方便管理亦保持所有媒体内容一致性。

额外功能 — 其他

小测验

很多人都会被网页的小测验所吸引,想知道自己是“什么类型”。其实这是“多项选择题”加基本逻辑分类功能,一方面是个很吸引访客的互动模式,更重要是可进行客户需求的基本分类,方便进一步“投其所好”,增加销售机会!

顶部进度条 (Animated Progress Bar)

有些网页拉下去才知深似海,拉到什么时候才到底呢?此进度条位于网址列下方,显示已浏览到网页那个部份,让访客可预测内容长度,再自行选择阅读部份,节省时间。

网页防火墙 (Firewall)

企业网站多为駭客的攻击目标,一但失守可引至对外客服停顿,客户资料外泄、甚至被勒索!所以网页防火墙是IT保安基本的必备设施。

多国语言 (Multi-language)

translation

跨国公司网站一般需要多国语言版本,technine可协助安排不同语言的网站内容翻译,普遍有日语、韩语及其他。

第五:technine客户个案 – WorkTech

WorkTech | WorkTech在香港数个地区提供总共14个不同用途的工作空间,其业务还已扩展至上海、台湾及新加坡。
为配合WorkTech需要,technine为其网站设计及实施以下功能,协助其业务线上发展。

可根据网页主题更换地图颜色,加上自创标记/公司标志,以显示办公室或分店位置,并可加入短句注解 (如分店地址等),让客户更清晰掌握业务地区范围。

设置于网站右下方以便客户即时询问,人手回覆可增加互动及亲切感。可先设置一般常见问题答案,减省客服时间,有助抓紧每个生意机会,同时避免“电话线路繁忙”等问题。

可设定在任何网页位置适时自动弹出表格,鼓励访客登记参加特选推广活动,协助推动不同市场活动。

此功能允许在网页张贴多个文章,并可作简单分类,方便定期上载公司最新消息、产品或活动资讯,对网站的SEO亦有相对帮助。

跨国公司网站一般需要多国语言版本,technine可协助安排不同语言的网站内容翻译,普遍有日语、韩语及其他。

第六:technine 为客户制作网站的流程

步骤1:初步沟通 — 报价及确定项目 (Quotation & Confirmation)

当接到客户询问有关制作公司网站时,technine会根据客户的初步构思,厘清网站设计、布局及所需功能,以提供专业意见、合适方案和进行报价。客户确定报价后,项目将进入设计阶段。

步骤2:流程图 (Workflow)

technine项目经理会根据客户要求,以简单的流程图展示网站制作过程,确保与客户的沟通正确无误,经客户确定便开始网站规划。

步骤3:线框稿规划 (Wireframe)

technine的用户体验设计师 (UX Designer) 将以简单的草稿图,向客户展示网站的主要功能,和每个页面的布局、用户界面 (UI) 等设计,并再次与客户厘清需求及确定方案。

步骤4:视觉稿制作 (Mockup)

technine的UI设计师会根据已确认的Wireframe制作Mockup,并与客户和技术人员沟通,在功能和其他视觉特效的使用取得共识。Mockup和最终成品的外观基本上一致,只是Mockup未具备操作功能。

步骤5:网站原型 (Prototype)

technine技术团队将按照mockup编写网站原型,并根据预先沟通的时间表完成。经过technine内部测试后,网站原型将可交给客户进行测试。

步骤6:用户测试 (UAT)

客户可完整地测试每个页面和整个使用流程,例如建立新页面、上载不同格式档案、加入内容、重置密码等不同功能,technine亦会提供指引协助客户进行测试,并修改发现的漏洞。

步骤7:网站发布 (Launch)

确定最终原型后,客户需提供网站文字内容及相关图档,technine团队将协助载入大部份内容。当客户完成最后载入、再次测试及确认后,technine将把原型与网址连接,正式把网站在线上发布。

联络我们


手机应用程式开发(iOS / Android)系统开发网站设计区块链技术应用大数据分析云端服务与维护支援IT咨询顾问服务Kiosk系统与IoT应用用户体验及界面设计

正在寻找网页开发公司? 在客制化网站

时遇上疑难? 希望搬迁现有网站?

事不宜迟,请立即透过即时通讯、WhatsApp、电话或电邮联络technine!

正寻找全面的IT解决方案?

立即留言给我们!