宠物追踪网总体设计与制作要求.doc

1、宠物追踪网总体设计与制作要求网站名称：宠物追踪网网站定位：面向全国宠物服务性网站，提供定位、追踪等服务。同时销售相关 GPS 定位产品。网站设计要求：1、 网站顶部设计：（1） LOGO 设计：世纪星威 LOGO+世纪星威网汉字，要醒目突出。可适当加入动态元素，适合宠物管理、GPS 行业的图片做 LOGO 背景，LOGO 具体可参看宠物网，淘宝网，泡泡网、sina、GPS 门户网等有特色的 LOGO 来设计。（2） LOGO 右半部分的设计 您好！欢迎来到宠物追踪网 免费注册 会员登录。（3） 具体参考 http:/、http:/ 网站2、 网站主频道设计：（括号中为子频道）（1） 首页 （首

2、页内容主要将以下频道 2-7 项分别大体展开，可能要用到一些合作商LOGO 图片以及需要一些文字整理上的东西等）具体菜单栏如下：（2） 产品中心（产品描述、宠物追踪器、产品配件、产品检测，产品保养） ， （3） 服务（移动应用服务、跟踪和定位、运营商合作） （4） 新闻资讯 （公司新闻、产品动态、宠物动态）（5） 解决方案 （常见问题、产品指南） （6） 客户论坛 （客户评论） （7） 联系我们 （公司介绍、公司地址及联系方式） （8） 在中间会有一个 flash 要求。（9） 下面有四个方块组成，如下图所示：3、 网站底部设计：主要分两层：第一层是合作商的 logo 及连接。第二层是公司版权

3、定义。具体如下图所示：4、 主界面如下图所示：5、 在网站主要设计一个风格等各方面都要独特及具有视觉效果的网站。如产品、新闻类的有方便建立产品类别，并方便上传产品，新闻等等内容。当用户打开网站时，产生视觉震撼效果。如会员注册、登录也要方便明了，便于客户能及时满足需求。6、 网站设计整体要求大气，符合宠物管理、GPS 行业特点，同时有较明显的商业气息感，具体设计上可参考 http:/、http:/、等公司网站的产品图片，同时也可参考宠物网，GPS 网等一些行业网。7、 网站首页有 FLASH 要求，在后续中如威客中标后可 QQ 沟通或电话沟通做好。8、 网站的后端设计 当用户注册完之后，就可以登

4、录我们网站的后台管理来追踪用户的宠物位置。用户在网站首页注册完之后，登录进的界面主要内容参考如下：a) 注册追踪产品信息和宠物信息，填写产品编号和合作协会编号。b) 点击下一步 进入下一个页面。注册宠物追踪产品信息和宠物信息的参考界面如下：点击下一步进入的界面参考图：主要内容就是 用户的注册信息和宠物信息。点击完成进入的页面大致是：内容主要就是告诉用户 您的信息已经注册完成 并且可以使用了。点击进入 到了用户主要的工作界面-跟踪 【进入主系统之后，导航栏有 7 个分别是 帐户信息，追踪，报警设置，电子围栏，增加设备，路线，实时追踪】 （具体的 7 个导航栏名称等您中标之后我们在详细定下来）1.

5、 追踪 大致的界面布局参考：(这个布局仅供参考，您在设计的时候，这些信息怎么摆放怎么漂亮，怎么合理 由设计者自己决定。)1.1 追踪 页面大致摆放的内容如下：1.1.1 系统当前时间 1.1.2 宠物的状态栏 (包括 宠物的名字，宠物头像，电池电量，围栏名称，电池信号报警，小偷报警，GSM 信号，GPS 信号) 操作栏目(有 设置报警，设置围栏，实时追踪) 说明：宠物的名字是复选框形式，其他是图片形式(具体的不同状态图片等中标之后在确定，在操作一列就是按钮的形式，这个不限制是用 CSS 控制或者是图片形式，由设计者自己决定)1.1.3 在宠物状态栏下边有 2 个按钮 一个是 全选 一个是 刷新

6、 1.1.4 接下来就是 左边的 地图展示 和右边的列表操作。1.1.5 左边的内容是地图，右边的内容是：1).时间查询条件 2).路线列表(带分页) 3).路线详情。 4).分享路线 按钮在追踪页面的大致内容就是上面所描述的。【说明：这个界面截图仅供参考，设计者完全可以按照自己的想法 怎么排版 怎么摆放 怎么合理 怎么美观就怎么设计 我们不限制】2. 报警设置 大致的界面参考图如下：(上面 2 个截图页面是一个网页上的)1.2 报警设置 页面大致摆放的内容如下：1.2.1 系统当前时间1.2.2 选择宠物名称 选择时区 1.2.3 报警信息设置 填写手机号码 电子邮件 等等1.2.4 电池生

7、命信息设置具体内容等您中标之后在详细告之。3. 电子围栏大致界面参考图如下： 1.3 电子围栏大致内容如下：1.3.1 系统当前时间1.3.2 宠物名称 激活电子围栏 管理电子围栏(新增 编辑 删除)1.3.4 创建新的电子围栏 选择地点 填写半径 保存4. 路线大致界面参考图： 左边是地图显示区域 1.4 路线模块1.4.1 系统当前时间1.4.2 地图展示 1.4.3 操作列表(选择查询路线类型，输入要查询的地点，选择宠物品种，选择要查询的时间【采用日历形式】,点击搜索， 显示 搜索界面列表(带分页)。5. 实时追踪 大致界面参考图：1.5 实时追踪界面 大致内容：1.5.1 系统当前时间

8、1.5.2 宠物状态栏 ： 选择宠物名称 ，现在我要实时追踪的时间 点击 开始实时追踪 就可以在地图上显示 宠物实时的路线 1.5.3 地图展示6. 帐户信息 大致界面参考图： 1.6.1 完善我的资料 ：1.6.2 完善宠物资料 1.6.3 隐私设置 具体内容等中标之后在告之。7. 增加设备 大致界面图 点击进入之后还是 主工作界面。说明： 1. 按钮在设计的时候不限制是 CSS 或者是图片的形式，这个完全由设计者自己决定。主要体现美观，大方，合理就可以。2. 具体的资料参考 等您中标之后 我们会详细提供给您。3. 我们联系方式 ： XXXXXXXXXXXXXX9、 最后要求:（1） 因本网

9、站是通过宠物追踪管理为主，以 GPS 产品销售为辅的发展策略来定位的，所以在网站设计上麻烦能整体帮我考量如何来设计更为方便的为客户服务，比如网站的我要买产品，就是让客户能通过电话或通过 Email 方式联系我们，方便我们快速响应。所以总体网站设计上构想上一是想方便我们操作，方便客户操作，同时又有商业网站销售平台的一些特点，所以麻烦能帮忙整体架构好后设计出来。具体可参考宠物管理、GPS 行业网站和一些商业平台销售网站（2） 网站其他后续要求在制作大致搭建后如您的设计符合我要求，我们后续再适时沟通，以使网站最终做更好。（3） 同时网站做好后，后台管理方便我们自己维护和数据及资料更新。总之我们宠物追踪网搭建的是一个平台，利用这个平台和完善的多个系统，我们想为客户提供便捷的服务，把此网打造成一个比较好的行业服务网站。具体威客们可参考多个行业网站来把控设计，谢谢！如有不明的请随时 QQ497852746 来联系或随时电话联系我，总之是要一定要做好！