牛商网官网项目分享

用户头像
深圳/网页设计师/4年前/37486浏览
牛商网官网项目分享
用户头像
祝小贱
算是自己从事网页设计第10个年头交上的一份答卷,献给公司也献给三十多岁都快过一半的自己。
这大概是我花最长时间和心思做过的一个网站,在2021年电商视觉效果不断推陈出新越来越卷,传统企业官网已非市场主流需求的今天,还在做这样一份工作,不知道还在坚持着什么,不知道自己该算一个怎样的设计,而我最强的能力也本不是视觉上把东西做多好看,所以可能对各位而言视觉还不够新,交互,品牌。。。也才刚起步,但是尽力去尝试把平生所知所学都融入到这个项目当中。
我想这个设计风格不至于太新,但也不见得太老套。但要再藏着再过个几年再拿出来,估计就一点价值都没有了,拿出来只是希望这次分享对还在从事这行的同学来说有所帮助。
项目分为三个部分
1.项目总结,关于这个网站如何诞生,我的设计思路。
2.做项目之后对公司VI形象的一次梳理,尝试像平面设计一样去定义一些东西。
3.才是最终项目执行落地,在这个过程中,除首页之外,PC网站实际效果在我这个原有基础上有了一些改动和偏差。但是庆幸手机还原了自己95%的想法和效果。
比起大部分的网页,其实自己的页面最大的特点就是文案内容更多,这些年,没有多突破自身的上限,但确实是拾起了不少下限。
努力去理解那些对设计没有多少了解的客户,要的是什么。也尝试提升自己的表述能力,力求让大家都懂。才有了这个设计诞生。
牛商网官网项目分享(图ZMjgwNDQ4NzE2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4Nzc2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4Nzgw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4NzYw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4NzI4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4NzMy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4NzQ0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4NzU2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4NzY0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4Nzg0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4Nzk2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4Nzg4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODA0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODEy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODI4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODYw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4OTEy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODM2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODQ4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODQw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODU2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4OTIw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODUy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDc4Mzgw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODY0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODY4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODc2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MTEy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
因为实际考虑到上下衔接的关系,替换成白色背景
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODcy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODgw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
上线效果中,图标类似华为,也是做成了可动的
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODg4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODg0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MDcy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODk2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
这个设计绝大部分页面或者版块,都有给到领导2到3个版块进行选择,以致后来需求方直接跟我说,最终哪个形式好,我来选择就好了,那么你呢?你喜欢哪种形式呢?
Collect
牛商网官网项目分享(图ZMjgwNDQ4OTAw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4ODky) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4OTE2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ4OTA4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
官网上线后还是取得不少效果的,最明显的是几乎成了很多客户模仿的对象,很多公司的项目客户都指定要求能做到类似官网的效果
Collect
牛商网官网项目分享(图ZMjgwNDQ4OTA0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MDYw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
官方规范算是自己初次设定,尝试去跨界出产,有很多做不到位或者别扭的地方还需请教平面做更久的各位多多指正。因为时间的关系,也只是初步拟定,没深化细节。
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjA4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjE2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjIw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjM2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjQ0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjEy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjI0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjQ4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjMy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjYw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjU2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjQw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjUy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5MjI4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDQ5NjA0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
以下进入正餐环节,在我心中官网的展示效果相当于一部电影的预告片,预告片精彩,才会吸引更多人观看了解。所以尽管对作品来说没多大必要,还是抽空做了它
Collect
牛商网官网项目分享(图ZMjgwNDUxMDky) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
上线的效果经过多方使力,最终呈现出来的不是设计觉得最好的版本,最明显的就是解决方案最终选择了全部展示的方式,而非左右切。
不用太过于纠结,有人喜欢平铺直叙,有人喜欢交互省略,如果运营觉得全展示的方式更有利客户浏览,我也是可以妥协的,毕竟不是所有人都是设计,对美感的要求大于一切
Collect
牛商网官网项目分享(图ZMjgwNDUxMDk2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMTE2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMTIw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMTI0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMTI4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMTQw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMTcy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMTc2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMjU2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMjYw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMjcy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxMzIw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxNTky) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxNjU2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxNzA0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxNzM2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxODU2) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMDcy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDYxODIw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUxODcy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMDQw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMDQ4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMDY0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMDY4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMDgw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMTA0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMTQw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMTQ4) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyMTUy) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyNDI0) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
牛商网官网项目分享(图ZMjgwNDUyNDQw) - 企业官网 - 站酷设计师祝小贱原创素材 - 站酷ZCOOL
Collect
225
Report
|
752
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
网页
网页
网页
网页
网页
1058
c4d
c4d
c4d
c4d
c4d
13
大家都在看
Log in