400-800-9385
网站建设资讯详细

科技公司网站建设策划方案

发表日期:2022-08-29 18:21:11   作者来源:林文辉   浏览:662   标签:科技网站建设    
1.1 建站目的
在近几年发展中,公司产品体系发生了变化与更新,与官网现有的产品体系有较大差异;而 公司官网在上一次建设中有部分遗留问题,无法与现在的公司发展需求进行匹配,因此需要对官 网重新进行系统化的建设,以达到品牌宣传、产品展示、实力认证的作用。
 
1.2 网站定位
品牌型网站&展示型网站
A、按照公司VI 体系进行设计,配色方案统一 ,字体使用规则统一,图片素材风格统一,突出 品牌特点;
B、突出展示公司实力及产品,在内容版块将突出产品、解决方案、案例等重点,并形成闭环,打通内在连接;
C、扁平和垂直化的内容架构,便于企业品牌形象和有效信息传达;
D、兼顾 SEO 优化。
 
1.3 网站风格
专业、大气、品牌化
  • 明晰网站设计,合理布局界面:用直观方式展展示,让浏览者一目了然了解所有内容。
B、适当交互体验,增强用户体验:增加一些动效,增强用户的体验感及记忆力。
C、灵活使用新技术:采用响应式自适应技术,实现 PC、移动、第三方平台三端数据同步。
 
2.1 受众分析
网站浏览受众群体:直接客户、间接客户、其他渠道客户等。
A、直接客户关心内容:公司实力、公司品牌、公司资质、公司产品及解决方案等;
B、间接客户关心内容:产品、解决方案、公司资质、公司实力、公司品牌等;
C、其他渠道客户:通过其他人介绍、网络等渠道知晓,更关心公司实力、公司资质、公司产品及解决方案等。
 
2.2 结构规划
 
首页 产品中心 解决方案 支持与服务 新闻中心 关于惟新
Banner 指挥调度线产品 TOCC 多媒体综合调度系统 技术支持 公司动态 关于我们
核心能力 综合执法线产品 交通运输执法一体化指挥平台 售前咨询 行业资讯 联系我们
产品     售后服务   加入我们
解决方案     资料下载    
公司实力数据化          
成功案例          
新闻动态          
底部导航          
 
2.3 结构详情
A、根据一级栏目的设定,通过“首页”“关于惟新”来突出展示公司实力及公司资质;通过“产品中心”“解决方案”来展示公司的产品及解决方案;通过“支持与服务”“新闻中心”来展示公司的服务能力。
B、按照用户思考逻辑和使用习惯,将每个栏目的具体内容进行重新规划,清晰明了,用户可有针对性地进行浏览。
C、不同栏目与栏目之间将进行连接,如查看解决方案时可通过按钮点击跳转至关联产品页,也 可在查看首页内容时通过按钮点击跳转至对应的其他页面。
 
3.1版式
采用导航栏+Banner+信息展示页+底部导航,进行长页面展示,侧边栏设置浮窗。
 
3.2导航栏
1 、导航栏左侧为惟新科技 LOGO。
2 、导航栏从左到右依次为:首页、产品中心、解决方案、支持与服务、新闻中心、关于惟新。
3 、导航栏“首页”“产品中心”“解决方案”均有链接,点击可跳转至对应页面,其他栏 目无跳转。
4 、鼠标移动至栏目名称会显示下拉框。点击下拉框中栏目,可跳转至对应页面。
5 、导航栏为固定栏, 鼠标拖动时导航栏固定不变动。
 
3.3 Banner
Banner 页面采用设置 4 个 Banner 位,可左右滑动进行切换。  (可随时进行更换)
 
3.4信息展示页
信息展示页面分 6 屏,从上至下排布,在页面设计中采用交互动效,让首页更具有互动性。 页面左边设置上下滑动条。
 
3.5底部导航
底部导航包含内容:底部导航、联系方式、友情链接、关注我们 (微信公众号二维码) 、版 权信息、法律申明。
 
3.6侧边悬浮框
A 、侧边悬浮框包含内容:服务热线、微信二维码、回到顶部。
B 、服务热线以文字内容呈现,微信二维码以图片形式呈现。
 
3.7内容
Banner 页面 4 个内容依次为:企业定位、精选产品、TOCC 多媒体综合调度系统、交通运 输执法一体化指挥平台。
信息展示页从上至下依次为:核心技术、产品、解决方案、公司实力数据化、成功案例、新闻动态。
 
3.8企业定位
背景采用深思行远形象主画面,去掉品牌 Logo及品牌口号 (深思行远) 。主标语为:惟新科技 中国多媒体指挥调度领军企业。放置公司品牌愿景:构建互联互通的 全融合世界。
 
3.9精选产品
1 、图片介绍产品 CDC310 的具体情况。
2 、可根据不同时期推出的重点产品来更换 Banner。
 
3.10 多媒体综合调度系统
使用应用场景的图片作为背景。
文案内容为:
广泛应用于联网指挥、运行监测、应急处置等业务,
“看得见、听得清、喊得到、调得动”的交通运行管理和远程指挥调度。
参考图示:

 公司展示
  
3.11交通运输执法一体化指挥平台
使用应用场景的图片作为背景。
文案内容为:构建互联互通、信息共享、业务协同、智能便捷的解决方案。
实现“情报研判+指挥调度+勤务联动”于一体的协同执法联动机制

 

新闻动态

3.12产品
A 、通过图片+文字的方式进行呈现。
B 、增加“查看更多”按钮,点击后可跳转至产品中心页面。
 
3.13解决方案
A 、采用左右布局的形式,呈现两大解决方案。
B 、通过图片+文字的方式进行呈现。
C 、点击图片可跳转至对应解决方案页面。
 
3.14公司实力数据化
参考图示:
 
公司实力
 
3.15新闻动态
参考图示:

 
4.1产品中心版式
鼠标移至导航栏“产品中心”时,显示下拉框。点击“产品中心”可跳转至产品中心总页面, 点击具体产品名称可跳转至对应产品页面。
 
4.2产品中心内容
  产品中心的下拉框分为三大内容:指挥调度线产品、综合执法线产品。分布如下:
指挥调度线产品 综合执法线产品
调度台 4G 智能执法记录仪
专用手持多媒体终端 DTD960 移动执法终端
专用手持多媒体终端 DTD980 智能布控球
智能布控球 数据审批终端
 
 
4.3产品中心聚合页
产品中心总页面由上至下分为三部分:
1 、Banner:文案内容为:产品中心。
2 、页面分类导航:指挥调度、综合执法。
3 、产品陈列。
 
4.4产品详情页面
产品详情页面分 5 屏,从上至下排布,在页面设计中采用交互动效,页面右侧设计侧边导航
栏,点击可跳转至对应分屏。内容由上至下为:
A 、Banner:展示产品图片及产品特征 icon 图标。
B 、产品概述及特点。
C 、产品功能图解。
D 、产品参数。
E 、应用场景或应用案例。
 
4.5 解决方案
鼠标移至导航栏“解决方案”时,显示下拉框。点击“解决方案”可跳转至解决方案总页面, 点击下拉框二级菜单栏可跳转至对应页面。解决方案下拉框为两大内容:TOCC 多媒体综合调度系统、交通运输执法一体化指挥平台。
 
4.6解决方案聚合面
解决方案总页面由上至下分为两部分:
A 、Banner:文案内容为:解决方案。
B 、方案分类:TOCC 多媒体综合调度系统、交通运输执法一体化指挥平台。采用文字+图标的形式呈现。
 
4.7解决方案详情页面
该页面分 7 屏,从上至下排布,在页面设计中采用交互动效,页面右侧设计侧边导航栏,点击可跳转至对应分屏。内容由上至下为:
A 、Banner 图:场景图作为背景,文案内容为对应解决方案的名称。
B 、概述。
C 、部分业绩案例。
D 、功能介绍。
E 、方案价值。
F 、主要产品。点击产品可跳转至对应的产品页面。
G 、应用场景。
 
4.8 支持与服务
鼠标移至导航栏“支持与服务”时,显示下拉框。点击“支持与服务”无跳转,点击下拉框 二级菜单栏可跳转至对应页面。
“支持与服务”的下拉框分为三大内容版块,分别为:技术支持、售后服务、资料下载。
 
4.9技术支持
该页面分为 2 屏,上方为 Banner 页,下方为文字内容页。
A 、Banner 页: 以场景图片作为背景,主题文字为:技术支持。
B 、内容:以文字的形式来阐述惟新科技在技术支持方面所提供的服务,分为三个版块:售前支持、售中支持、售后支持。
 
4.10售后服务
该页面分为 4 屏,分别为:Banner 页、服务内容页、全国分公司及售后热线、在线反馈表单。
A 、Banner 页: 以场景图片作为背景,主题文字为:售后服务。
B 、服务内容页:将惟新科技售后服务所包含的内容以图标+文字的形式进行罗列。
C 、全国分公司及售后热线:
D 、在线反馈表单:客户通过提交表单的形式来反馈问题。
 
4.11 新闻中心
鼠标移至导航栏“新闻中心”时,显示下拉框。点击“新闻中心”无跳转,点击下拉框二级 菜单栏可跳转至对应页面。新闻中心分为公司动态和行业资讯两大内容版块。
参考图示:
新闻中心
 
5.1 关于惟新
鼠标移至导航栏“关于惟新”时,显示下拉框。点击“关于惟新”无跳转,点击下拉框二级 菜单栏可跳转至对应页面。分为三部分内容:关于我们、联系我们、加入我们。
 
5.2关于我们版式
共分为 5 屏,由上至下展示,在页面设计中采用交互动效,页面右侧设计侧边导航栏,点击 可跳转至对应分屏。页面从上至下的内容为:惟新简介、发展历程、愿景/使命、核心价值观、荣誉资质。
 
 
 
5.3联系我们
该页面共分为 3 屏,分别为:Banner 页、分公司地址及联系方式、在线留言表单。
A 、Banner 页: 以场景图片作为背景,主题文字为:联系我们。
B 、分公司地址及联系方式。
C 、在线留言表单。
 
5.4加入我们
该页面共分为 4 屏,分别为:Banner 页、招聘岗位、工作环境。内容由上至下为:
A 、Banner 页: 以场景图片作为背景,主题文字为:加入惟新。
B 、招聘岗位: 岗位信息陈列,左右滑动。
C 、工作环境:静态图片呈现办公环境。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6525.html