箭牌卫浴官网改版（与小伙伴一起的项目）

首页设计思路：&lt;br&gt;1.首页主视觉区域第一块，使用的是“关于箭牌”的历史发展部分，历史较悠久是它一大特点；背景突出时间，搭配剪短文字介绍（交互使用①箭头——方便按顺序观看②时间轴——方便受众跳转到感兴趣的年代）&lt;br&gt;2.品牌文化部分，虽然简短但是重要，所以搭配色块作为大板块之间的分割（图片使用了破形，主要是为了高大上）&lt;br&gt;3.领先技术部分以矩形为主搭配使用了破形，想体现高科技感觉&lt;br&gt;4.同样，箭牌五步骤也是作为分割，想突出一条龙服务，以icon搭配文字，更能让受众理解&lt;br&gt;5.产品中心也是使用了小设计形式去增加设计感，中间以大图吸引人，下部搭配了一些平面图，使人感觉到专业性&lt;br&gt;6.同样将知名合作伙伴作为分隔，最后在线留言的部分都使用了便签形式（是由于便签提示，留言所想到）&lt;br&gt;

012743595908c8a8012193a3198708.jpg

首页交互说明：&lt;br&gt;1.导航部分，选中则成为点缀色红色，同时弹出灰底白字的二级菜单&lt;br&gt;2.banner 的loading 使用了洗手池放水的小创意&lt;br&gt;3.按钮“more&quot;由深色空心边框变为红色填充，白色字母形式，突出被选中&lt;br&gt;4.进度条被选中，则圆圈变大一点，颜色变为点缀色&lt;br&gt;5.后面，“前后箭头”及“数字标题”，被选中均由灰色变为红色&lt;br&gt;6.最新资讯板块，被选中新闻，不透明度降低，跳转

0199a859590924a8012193a3628a64.jpg

0108a75ec1fa18a80120720015963a.png

UI合集

二级页面-产品分类：&lt;br&gt;1.先将所有分类以矩形图片排列，让客户首先知道大致类型，且方便直接选择&lt;br&gt;2.一边放置两个推荐产品的主图，一边放置卫浴产品放在卫生间的整体效果（受众更愿意的是看到整体效果）&lt;br&gt;3.最后放上各种不同风格的简单介绍整体效果图搭配，满足顾客的各种遐想&lt;br&gt;4.最后是DIY板块，在顾客想象之后，可以通过DIY功能，搭配出自己喜欢的效果，并看到效果图

0174c55959093ca8012193a3d148c3.jpg

01412f5b9cb2bca8012099c893f76f.jpg

全浴室空间定制首页

01d6145d917f8aa8012060bed70bf9.jpg

这是哪个美少男？

二级页面-关于箭牌：&lt;br&gt;均以不规则矩形分板块左右错开，增加设计感

01a4f8595908d0a8012193a309f047.jpg

01fa8757a9d97b0000012e7e9cc030.jpg

卫浴企业站

01f6e15b9cb647a8012099c8397352.jpg

01d66a5a451cc8a801206ed33da7fb.jpg

欧美风格色调网站

0156fc59590953a8012193a3aec067.jpg

01ffc85a451cbea801206ed3a3ef5b.jpg

01ba215ca4daa2a801208f8b01bcd2.jpg

网页设计

015aca5bdbc8f8a80121ab5d1ebf7d.jpg

01d9e56046d33a11013ef90f71dad3.jpg

卫浴 网站首页

0162745ab3634aa80120be148e9936.jpg

家具网页设计

0174c5593fe1aba8012193a313be55.png

卫浴企业网站

0197c459783189a8012193a3f8c762.jpg

奥霖卫浴企业站改版

014dbf611f08aa11013eaf709cba92.jpg

01957d58e61f3ca8012049ef74da2d.jpg

家居企业站

0127b7565209e96ac7251c942021e6.jpg

家居

01db6461931b1311013ffe8a90af93.jpg

灯具亚马逊首页店铺装修

015dba598820b2a801215603135a87.jpg

卫浴网页设计

019ed25a993f23a801206d969bfa80.jpg

2017网页交互

0196b35bee6440a80121ab5d1d9af7.jpg

0113465a250588a80120ba38cb7dab.jpg

网页作品合集

01be485c88a686a801208f8b3fd843.jpg

2017作品合集

01ee9258f58817a8012049ef9bdbc5.jpg

01e873554c14470000009e320d089d.jpg

homi欧利家居网页概念图

01db7a5f1e4d69a801215aa038acc0.png

网页