1.    整体设计要求：
(1)    风格：以简洁、大气、彰显专业为主；
(2)    色调：以蓝、白、灰三色进行搭配；
(3)    要能够兼容各不同浏览器，以及兼容手机、平板电脑等移动端设备的展示。(移动端的展示是否需要采用不同技术重新做，待与研发人员沟通确认)
(4)    可参考网站：大华、海康；公司英文网站。
(5)    需要考虑现有网站的数据怎么便捷地导入到新版网站中。
2.    首页设计：
首页展示模块包括以下几个内容：
(1)    标题区：公司名称及logo等；
(2)    导航栏区：一级和二级导航；
(3)    大图片区：用滚动的大图片展示公司的一些风采；图片可定期替换；
(4)    新闻资讯：展示“新闻中心”中“公司新闻”的最新新闻；
(5)    二维码：展示公司微信公众号、公司网站的二维码；
(6)    关联网站：展示公司的英文网站链接、慧聪网站炫铺网址链接等公司关联网站链接地址。可增减；
(7)    热点产品：以左右滚动的样式展示公司当今阶段的热点产品；
首页版面□□□要求：以简洁、大气为主，首页版面□□□□界面处于1-1.2个屏幕，重点展示◥内容不需□□滑动滚动□□□□条即可查□□□看到。
3.    产品中心：
(1)    按产品系列进行划分，最多分3级[一级大类、二级子类、三级产品]；
(2)    现有系列□□□□分为：行业产品□□□□与平台软□□□件、交通信号□□灯、交通信号□□□机、倒计时器、摄像机、存储产品、编解码产□□□□品、电警卡口、警务通、配件(包括云台、护罩、支架等配□□件产品)；注：行业产品□□□与平台软□□□件的二级□□分类—公共安全、智能交通、智能广电；
(3)    产品的内页展示内容主要分为：
    硬件产品：产品概述、产品特点、产品功能、技术参数4块；
    软件产品：系统概述、系统结构、系统特点、系统功能4块。
(4)    产品中心的展示方式可参考公司英文网站，如下：
 
单击某个产品图标进入后的内页：
 
5.    解决方案：
(1)    按行业进□□□行划分，分成智慧□□□城市、交通、公安、边防、广电、智能家居、智能楼宇；--行业划分□□支持动态□□添加或删□□□□减；
(2)    参考界面：
 
6.    服务支持：
(1)    该版块的二级和三级版块划分如下图：
 
(2)    版块内容说明：
    服务理念：对公司的服务目标、服务态度、服务方式等进行说明。
    售后服务：说明公司全国各地售后服务网点及联系方式。
    工程案例：以图片的□□□□形式展示□□□□公司所参丨与的经典□□□工程；(标题+图片+简短描述)
    常见问题□□解答：公司各类□□产品实际□□□应用中常□□出现问题□□□□的说明和丨解答。
    客户意见反馈：实现在线客户意见收集和调研。
7.    新闻中心
(1)    该版块的二级和三级版块划分如下图：
 
(2)    版块内容说明：
    公司新闻：发布公司相关动态、活动推广等；
    行业资讯：定期发布□□□公共安全、智能交通、智能家居、智能广电□□□□等行业的▲市场、政府最新□□动态消息；
    多媒体资□□□源：主要上传□□一些公司□□□的宣传片、产品、解决方案□□□的宣传片□□等；
    企业内刊：独立一版用于上传企业内刊，可支持在线阅读和下载。
8.    关于视通
(1)    该版块的二级和三级版块划分如下图：
 
(2)    版块内容说明：
    企业理念：企业使命、企业愿景、核心价值观；
    发展历程：产品历程、重要事件
    管理体系：对公司管理思路，包括研发、市场、供应链等环节；
    研发实力：研发团队介绍及相关研发场景图；
    营销网络：分国内与国外，用一张地图显示；
    制造能力：说明我们的产品制造场地、产品线、制造场景图；
    招贤纳士：支持单击□□□岗位名称□□□可看到该□□□岗位的详◈细要求；支持在线□□提交简历。
(3)    相关页面案例
产品历程：
 
资质荣誉：
 
9.    联系我们
(1)    放置：公司总部联系方式、北京分公司联系方式、售后服务联系方式、公司微信等二维码；
10.    网络推广需求：
(2)    添加网站标题，每个页面都要有独立的标题；内页标题用

标签；
(3)    导航图片□□□□添加ALT属性，可用于添□□加关键词