a) 本项目涉及到首页和详细页和分类页设计，默认为英文站，出英文效果图，额外增

加德语、法语、西班牙语、日语，俄语、阿拉伯语言、葡萄牙语言总共为 8 国语言。

本项目调整细节如下：

1、 顶部左边为网站分享右边为多国语言选择

2、 导航：导航内容依次是 ：logo product shop support contact about

要求：导航条的底色应与海报的底色是同一个，当鼠标放在导航条上底色显示为白色，参考
链接为：https://www.iliferobot.com/index.aspx

3、 Banner 网站海报大图全景模式，参考如下：
 要求：海报上的每款产品点击都要链接到产品的详情页

4、 产品分类模块：图片上是 product 里产品的大类，点击会链接到属于该大类的

产品页面，如下图：

要求：如图，鼠标指到图片上会显示出大类名称。与导航条的产品大类一致

5、 产品解决方案模块，该模块参考该网站 https://www.meitrackusa.com/ 的这个

模块：
每个绿色小图标后面的问题，点击链接到 support 对应的二级类目，二级类目全部一样。

6、 News 属于 support 二级目录，静态页面，点击进入 NEWS 详情页，内容自行编

辑。

7、 底部作为导航条内容展开的展示和网站分享链接，如下图：

8、 导航条的二级类目

8-1、product 包含 vehicle tracker Personal tracker asset tracker 参考：

https://www.iliferobot.com/index.aspx
1） 鼠标指到具体的产品的型号的时候，有大图显示预览

2） 如果鼠标点击 product 进入所有产品的页面

3） 如果鼠标点击的是 product 里二级类目的话，只显示该类目下的产品

4） 如果鼠标点击的是具体型号的产品，那么进入产品的详情页面

5） 二级类目下的产品型号具体的数量可能比较多，所以要两列来显示，参考如下：
 8-2、shop 按钮 包含：独立站 store 链接 Amazon 链接 Aliexpress ebay alibaba

1）鼠标指到 shop 按钮出现下拉菜单，点击 shop 按钮进入 含有各个店铺图标

（如产品列表一样）的界面

2）点击各个平台的图标才链接到第三方购物平台

8-3、support 按钮 包含：solutions news vdeos download FAQ

鼠标指到 support 按钮出现下拉菜单，

点击 support 按钮，进入 support center 含
有以上各个链接的页面

4、contact 按钮，点击进入 contact 界面，静态页面

5、about 按钮，点击进入 公司简介界面，静态页面

9、三级类目的页面：展示为主

1）全屏大图模式，文字描述在图片上，但文字和图片分开（就是文字可以选择复制）

2）详情页悬浮条：如图：

悬浮条的内容：feature specification download contact 点击 buy now 链接到 shop

界面 。Feature 都是全屏图文模式，静态页面，自行排版，specification 为文字形式，
静态页面，自行排版， download 说明书下载，点击链接到 support 里 download 对
应的内容，常规下载页面，支持游客在线下载，Contact 进入 contact center 界面。其
中 Feature 全屏图文模式应在 5 个模块左右。

10、support 里 solutions 详情页，左边是 solutions 的列表，带有折叠的功能，右边加

一个搜索框，solution 里含有搜索的关键词，就显示该文本。 搜索框下面为 contact 的
链接，点击 重新打开一个窗口链接到 contact 的详情页。如下图所示：