0140975bf58395a801209252881331.jpg

茶叶类店铺首页

01c7d75bf58449a80121ab5d58c7f4.jpg

茶叶类店铺首页（国际站）

017ed05bf58330a80121ab5db0762d.jpg

食品类店铺首页

01241b5bf58400a80121ab5dde928a.jpg

UI设计线下班近期B端练习作品展示

01pnqnmmwqgdunsncqulaj3930.png

01016c5caece8ea801208f8b8aa95e.jpg

茶叶官网

01e8075ac6342ea8012062e38bff84.gif

茶叶网站

01mcaqhc55ly2xdwjxkca33334.png

作品集

01d4f65a22d88ca801216e8d701fd8.jpg

个人作品集

010d645f98ce0e11013ee04dcc83ab.png

网站练习

01c91d5e860bd6a801216518851ca1.png

茶企官网

01a8fc5f56f7d111013e31874d5e82.jpg

01gb4vqzgm7tprttekwg6f3330.jpg

2020年-2023年作品总结

014b7955c1dd6d6ac7253f3682424e.jpg

品牌页面设计

01mxuulekptpmi7ljlulkq3837.jpg

01bdd85d492478a80120695cacfc3b.jpg

012b6e5e0d9926a801216518930d80.png

01a24a5dda6e8ca8012129e2f4f32f.jpg

0149de5dca8462a801209e1f8fe88f.jpg

整理一部分网页设计

01afe15c949b0ca801208f8b680a7c.jpg

01ed3359545bc0a8012193a3fbe177.JPG

2015华工Enactus华南赛参赛PPT

1.TOP区域放置logo和搜索栏，对于官网，更多的受众是寻求加盟或者商务合作的人；他们一般都会有明确想了解的信息，所以将它放在了TOP区域；&lt;br&gt;（交互效果为：搜索框icon变大）&lt;br&gt;&lt;br&gt;2.导航使用了圆角，是想有点茶叶圆润，温和的感觉；&lt;br&gt;（交互效果为：选中颜色加深，弹出灰色二级导航）&lt;br&gt;&lt;br&gt;3.Banner在正中放了一杯茶，因为文字”一杯好茶“及”百年成就一杯好茶“，让人想到所有东西最后都积聚到一杯茶里；&lt;br&gt;&lt;br&gt;4.loading是一个茶壶在注水的动效&lt;br&gt;&lt;br&gt;5分区标题，都使用了中国风的文字，和墨迹底纹，使人感觉更具历史文化感；&lt;br&gt;（交互效果为：底纹变红）&lt;br&gt;&lt;br&gt;6.百年品牌主要为介绍公司的视频&lt;br&gt;（交互效果为：滚动及正中间的视频尺寸扩大播放）&lt;br&gt;&lt;br&gt;7.底部为其他链接，都使用相对应icon加以示意

011793595904caa8012193a3b0cd67.jpg

张一元茶叶官网改版（练手）

016d6f5f4de4ce11013f1a6464f04e.jpg

UI作品集

01y6brrcyvgxjuvkzlnl3v3634.jpg

茶叶网站设计

018c4c58636eada801219c77330338.jpg

简单的企业官网

014ad060f62bcf11013f4720084dbb.jpg

0135105e0d9921a80120a8955a8d29.png

01ff2f5cec900fa801209aa03e8b76.jpg

0113395f4dfc7c11013e318776e074.png