新版ZOZO网站框架以及各版块首页分析翻译
一、ZOZO九大板块
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_6","w":"554.00","h":"103.00","dataType":"png","c":"word/media/image1.png","imgOriW":710,"imgOriH":132})
![](https://wkrtcs.bdimg.com/rtcs/image?w=548.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_6","w":"548.00","h":"108.00","dataType":"png","c":"word/media/image2.png","imgOriW":721,"imgOriH":144})
如上图所示，zozo共有九个主要板块：
ZOZOTOWN zozo商城
ZOZOVILLA zozo品牌店
ZOZOOUTLET zozo折扣馆
ZOZOPRESS zozo时尚周刊
ZOZOPEPOLE zozo社区
ZOZONAVI zozo实体店导航
ZOZOGALLERY zozo周边
ZOZOQ&A zozo问答
ZOZOARIGATO zozo感恩
二、板块概述：
ZOZOTOWN zozo商城
时尚商品交易平台。日本最大的时尚购物网站，类型类似有货。ZOZO其他八大板块实际上都是围绕商城进行增值服务，实际上都是商城的拓展功能。
ZOZOVILLA zozo旗舰店
Zozo精选的高端品牌旗舰店。类似淘宝商城，其中的店铺全部为品牌官方旗舰店。
ZOZOOUTLET zozo折扣馆
ZOZO折扣信息大集合。
ZOZOPRESS zozo时尚周刊
每周更新的时尚周刊。分为男士、女士两大类型。有日常休闲，型模风尚，街头达人，自然风等专刊。
ZOZOPEPOLE zozo社区
Zozo网站另一个强大的交流平台。Zozo会员通过这个平台发布文章，拥有自己的个人主页，相当于博客，微博。ZOZOPEPOLE的用户包括注册会员、店铺经营者、品牌公关人员。
ZOZONAVI zozo实体店导航
内有近5000个实体店的搜索导航。有日本全国各地的实体时尚店铺的信息，地图位置。其地图位置功能可应用于GPS系统。
ZOZOGALLERY zozo电子周边
根据时尚品牌原创设计图等制作的手机电脑的背景屏保以及动画周边产品。提供下载。（日本设计产权保护法律完善，原创周边很难免费下载，此举是对ZOZO用户很大的回馈。）
ZOZOQ&A zozo问答
问答板块。提问者和回答者都是zozo的会员。从交易问题到个人问题，从时尚交流到感情咨询，无所不问无所不答。实际上成为了一个互动版块。
ZOZOARIGATO zozo感恩
赞扬感恩板块。Zozo会员在该板块可以表达对任何人任何事物的喜爱赞扬感恩之情。
三、板块描述以及首页结构分析
3.1 zozotowm 商城
ZOZO商城是ZOZO运营的重点，所有其他板块也是为商城服务逐步添加的会员增值服务。
首页
a.抬头
登录条
检索功能
包括：性别、类型检索（全部/男士/女士/儿童/家居）
一览检索（所有新到商品/所有分类/所有店铺/所有品牌/所有预约商品）
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_4","w":"553.00","h":"36.00","dataType":"png","c":"word/media/image4.png","imgOriW":907,"imgOriH":59})
b.左边栏
![](https://wkrtcs.bdimg.com/rtcs/image?w=231.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_4","w":"231.00","h":"313.00","dataType":"png","c":"word/media/image7.png","imgOriW":231,"imgOriH":313})
c.中上
![](https://wkrtcs.bdimg.com/rtcs/image?w=548.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_5","w":"548.00","h":"448.00","dataType":"png","c":"word/media/image9.png","imgOriW":772,"imgOriH":631})
前期ZOZO是外联Twitter用户对zozo商品的评价。改版后，此处改为即时展示ZOZO会员对商品的留言。会员无论是否购买商品都可以对商品进行留言，无疑增加了会员参与性，网站也可以根据留言热度判断商品热度。如果会员是在购买后留言则会出现红色字体“感谢您的选购”。看着自己的留言和头像出现在ZOZO首页，增加了会员的参与好感度，也是商品推介的一个绝佳手段。
d.中下
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_3","w":"553.00","h":"563.00","dataType":"png","c":"word/media/image10.png","imgOriW":760,"imgOriH":773})
实时排行。
排行方式有：销售额、销量、分类、收藏人气、年龄段 5种。
e.右边栏
右边栏用于发布会员公告、新到预约商品、ZOZO推荐（包括单品、促销专题、电子杂志资讯等）
f.底部
法律声明，公司情况链接
![](https://wkrtcs.bdimg.com/rtcs/image?w=549.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"549.00","h":"120.00","dataType":"png","c":"word/media/image16.png","imgOriW":795,"imgOriH":176})
2.zozovilla 品牌旗舰店
世界各知名品牌在ZOZO的官方旗舰店。
A.首页
3. ZOZOOUTLET zozo折扣馆
a.左边栏
搜索栏 分别按照 折扣程度，类型，价格区间，进行搜索
![](https://wkrtcs.bdimg.com/rtcs/image?w=191.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"191.00","h":"392.00","dataType":"png","c":"word/media/image19.png","imgOriW":191,"imgOriH":392})
![](https://wkrtcs.bdimg.com/rtcs/image?w=173.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"173.00","h":"279.00","dataType":"png","c":"word/media/image20.png","imgOriW":173,"imgOriH":279})
b.中上
![](https://wkrtcs.bdimg.com/rtcs/image?w=548.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"548.00","h":"320.00","dataType":"png","c":"word/media/image21.png","imgOriW":944,"imgOriH":552})
c. 中下
折扣商品相关事项说明。如：折扣商品订单确认后不可退换，不可更改订单，等。
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"554.00","h":"142.00","dataType":"png","c":"word/media/image22.png","imgOriW":923,"imgOriH":236})
d.右边栏
季度热门商品公告，人气热门商品剩余数量。
![](https://wkrtcs.bdimg.com/rtcs/image?w=256.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"256.00","h":"707.00","dataType":"png","c":"word/media/image23.png","imgOriW":256,"imgOriH":707})
汇集流行时尚信息。搭配单品一一介绍。
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"554.00","h":"180.00","dataType":"png","c":"word/media/image24.png","imgOriW":1269,"imgOriH":412})
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_2","w":"554.00","h":"187.00","dataType":"png","c":"word/media/image25.png","imgOriW":1269,"imgOriH":428})
5. ZOZOPEPOLE zozo社区
以ZOZO人、ZOZO事、ZOZO物为区分，形成了ZOZO会员个人展示区、ZOZO会员交流区、ZOZO商品推荐共享区等围绕时尚购物、时尚商品而形成的SNS社区。
A.首页
![](https://wkrtcs.bdimg.com/rtcs/image?w=414.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"414.00","h":"37.00","dataType":"png","c":"word/media/image26.png","imgOriW":414,"imgOriH":37})
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"553.00","h":"90.00","dataType":"png","c":"word/media/image27.png","imgOriW":580,"imgOriH":94})
![](https://wkrtcs.bdimg.com/rtcs/image?w=542.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"542.00","h":"36.00","dataType":"png","c":"word/media/image28.png","imgOriW":542,"imgOriH":36})
![](https://wkrtcs.bdimg.com/rtcs/image?w=305.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"305.00","h":"55.00","dataType":"png","c":"word/media/image29.png","imgOriW":305,"imgOriH":55})
c.人气达人
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"554.00","h":"222.00","dataType":"png","c":"word/media/image30.png","imgOriW":1001,"imgOriH":401})
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"553.00","h":"349.00","dataType":"png","c":"word/media/image31.png","imgOriW":1022,"imgOriH":645})
e.秋冬品入手啦！（外套篇）——定期推出的有主题的晒单博客![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"553.00","h":"222.00","dataType":"png","c":"word/media/image32.png","imgOriW":1042,"imgOriH":419})
F.人气模特
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"553.00","h":"121.00","dataType":"png","c":"word/media/image33.png","imgOriW":1042,"imgOriH":228})
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_7","w":"554.00","h":"131.00","dataType":"png","c":"word/media/image34.png","imgOriW":992,"imgOriH":235})
6.ZOZONAVI zozo实体店导航
抬头动画，可根据地区搜索日本时尚品牌以及实体店。
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_63","w":"553.00","h":"344.00","dataType":"png","c":"word/media/image35.png","imgOriW":906,"imgOriH":564})
![](https://wkrtcs.bdimg.com/rtcs/image?w=547.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_8","w":"547.00","h":"334.00","dataType":"png","c":"word/media/image36.png","imgOriW":729,"imgOriH":380})
7. ZOZOGALLERY zozo电子周边
抬头动画，展示各个品牌设计小图，点击可进入相应品牌电子周边专区。
![](https://wkrtcs.bdimg.com/rtcs/image?w=546.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_8","w":"546.00","h":"164.00","dataType":"png","c":"word/media/image37.png","imgOriW":941,"imgOriH":283})
![](https://wkrtcs.bdimg.com/rtcs/image?w=542.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_8","w":"542.00","h":"554.00","dataType":"png","c":"word/media/image38.png","imgOriW":723,"imgOriH":729})
右边栏：
![](https://wkrtcs.bdimg.com/rtcs/image?w=249.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_8","w":"249.00","h":"736.00","dataType":"png","c":"word/media/image39.png","imgOriW":249,"imgOriH":736})
8. ZOZOQ&A zozo问答
抬头动画，随机显示会员提问关键词。
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_28","w":"553.00","h":"199.00","dataType":"png","c":"word/media/image40.png","imgOriW":1009,"imgOriH":363})
左边栏
![](https://wkrtcs.bdimg.com/rtcs/image?w=240.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_8","w":"240.00","h":"460.00","dataType":"png","c":"word/media/image41.png","imgOriW":240,"imgOriH":707})
问答主页面：
分为最新问题，最新回答，每周回答条数排名，待回答的问题。每项显示前五。
![](https://wkrtcs.bdimg.com/rtcs/image?w=475.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_8","w":"475.00","h":"388.00","dataType":"png","c":"word/media/image42.png","imgOriW":819,"imgOriH":680})
![](https://wkrtcs.bdimg.com/rtcs/image?w=476.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_8","w":"476.00","h":"350.00","dataType":"png","c":"word/media/image43.png","imgOriW":755,"imgOriH":555})
9. ZOZOARIGATO zozo感恩
ZOZO建立的公益平台，会员在ZOZO感恩上发布对身边人事物的感谢心语，会员每发布一条信息，ZOZO就向国际NGO组织捐赠10日元。
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_28","w":"553.00","h":"166.00","dataType":"png","c":"word/media/image44.png","imgOriW":949,"imgOriH":284})
左边栏
感谢列表
![](https://wkrtcs.bdimg.com/rtcs/image?w=233.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_12","w":"233.00","h":"377.00","dataType":"png","c":"word/media/image45.png","imgOriW":233,"imgOriH":538})
中间主要页面
最新感恩信息
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_13","w":"554.00","h":"345.00","dataType":"png","c":"word/media/image46.png","imgOriW":699,"imgOriH":435})
人气感恩信息
![](https://wkrtcs.bdimg.com/rtcs/image?w=554.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_13","w":"554.00","h":"351.00","dataType":"png","c":"word/media/image47.png","imgOriW":698,"imgOriH":443})
以上 ，为zozo网站现在九大板块的大致内容和首页结构。
PS，首页右上角有一个品牌列表下拉按钮![](https://wkrtcs.bdimg.com/rtcs/image?w=147.00&md5sum=6308f476f987fb47e73f3eb09942b0e1&sign=327e996588&rtcs_flag=1&rtcs_ver=4.10&l=webapp&bucketNum=15&ipr={"t":"img","r":"r_12","w":"147.00","h":"55.00","dataType":"png","c":"word/media/image48.png","imgOriW":147,"imgOriH":55})
，鼠标停留后出现所有品牌LOGO图标在电脑屏幕上呈方阵罗列效果。
本文来源：https://www.2haoxitong.net/k/doc/fbb3fa2c915f804d2b16c173.html
文档为doc格式