全国免费咨询热线:400-611-9921
 
皮革城设计总结——用解构的方法去落实具体的设计

2015-03-03

1249

在服装服饰市场的基础上,以皮革维度对市场进行强营销。从材质维度对买家进行导购,以真皮为堆头打造品质,以革为推手促进交易,还原线下皮革市场的场景。从业务需求上来看,要将皮革城打造成一个相对独立,以真皮为...
皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  在服装服饰市场的基础上,以皮革维度对市场进行强营销。从材质维度对买家进行导购,以真皮为堆头打造品质,以革为推手促进交易,还原线下皮革市场的场景。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  从业务需求上来看,要将皮革城打造成一个相对独立,以真皮为核心、革(潮元素)为推手的高端特色市场。由于皮草、皮革受众多为女性,故女性化也成为皮革城设计的重要标签。

  在此基础上的特色市场设计应区别于传统的行业频道页面,保持相对独立以及突出批发特色。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  前期设计风格探索中,我们将皮革城的设计拆解为3个方向,分别是:色彩设定、质感运用、结构排版。

  1)色彩设定

  在色彩的探索上,跳出WEB设计的局限。收集了大量手机端、营销设计、服装设计的作品,包括到线下的商城去寻找设计的灵感。试图运用视觉感受营造一种高端、以女性为主的批发市场氛围。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  分析结果:以紫色搭配金棕色来烘托市场氛围,契合皮革类产品气质。

  2)质感运用

  在质感运用方面,需要寻找新的切入点去挖掘产品的个性特征。使它区别于传统频道页面,让用户耳目一新。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  分析结果:走扁平化的设计风格。阿拉伯设计师Abu Naji认为扁平化设计不仅仅是一种时尚,更是一场“反对数据过载的革命”,是一项改变过多细节的净化技术。

  3)结构排版

  在信息结构的编排上,从用户体验的角度出发,合理控制信息密度与阅读节奏,灵活突出以真皮为主导的营销策略,丰富市场信息。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  分析结果:采用灵活的模块化结构,强化信息分区。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  在把握大的设计方向后,我们用解构的方法去落实具体的设计。

  简单的理解,解构主义——解开之后再构成。著名建筑师弗兰克•盖里曾经说过:“建筑设计应当抱有与科学研究相同的态度,即破旧立新,而不是对固有观念的重复。”那么,这种方法运用到我们的设计中,即是从理解业务到打破固有模式的框架,重构页面。

  我们主要提炼出2个模块来分析一下。

  1)首屏设计

  以下是我们常见的频道页面交互稿。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  可以看到此模块由LOGO区、搜索区、导航区、类目区、BANNER区构成。如果直接润色成为视觉稿,信息的视觉层次会不够清晰。我们调整重构模块后,得到以下视觉稿:

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  对比一下我们做了哪些改变:

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  将原有的6个模块打散后重新组合,整合到规整的4个模块中去。结构更加清晰、简单。

  1. 加重了类目区的比重,默认突出展示女式分类,突出运营主打女款市场。

  2. 放大了BANNER区。在一期规划中加大视觉冲击力,营造皮革城的品牌感。也为二期规划预留足够的切割资源位。

  3. 相对弱化导航区。皮革城从基本属性上来说,是一个聚合型引流页面,我们希望引导用户直接产生交易。

  2)产业带模块设计

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  交互稿中有5个产业带,其中突出展示广州与海宁。在这2个区域中需要展示30张图片。如果不重构页面,最终会导致信息爆棚。

  我们将设计稿整理成为:

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  加入TAB切换来灵活展示全部内容。在承载了大量内容的前提下,简单的切换动画使页面更富生趣。

  下面来梳理一下这块的设计思路:

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  在页面设计中营造出音乐般的节奏感,便能有效的引导用户在阅览时有节奏的“停顿”,减少阅读疲劳。配合区块化的设计,有利于感知不同区块的信息,使用户迅速定位及了解全局。如果不采用区块化的设计,就需要用更多的留白空间去营造节奏感,使得页面冗长,造成一定量的用户流失。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  BANNER的规范既可以减少运维同学的制作成本,也可以控制住页面的统一性,使广告更好融到入页面中去。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  皮革城的数据从初期到稳定期呈现出一个健康的上升趋势。上线初期CTR在100%左右,稳定后上浮50%,达到150%—160%。页面UV在稳定后维持在6000左右,较初期上线投放更精准。

皮革城设计总结——用解构的方法去落实具体的设计,互联网的一些事

  皮革城围绕皮质维度进行导购,颠覆了服装服饰市场按品类导购的模式。它的个性化突出了服装市场的特性,既有市场的创新,也是对线下皮革行业的还原。皮革城会在后期的规划迭代中,进一步优化,提升用户体验。


关注我们:在查找公众号中搜索:zomsky1688,或者扫描下方二维码快速关注。
纵天信息技术有限公司公众号
关键词:纵天,广州品牌网站建设公司,广州网站制作公司,广州网站建设,广州网站设计,网站建设,手机网站开发,品牌设计,用户体验
热门标签
营销型网站建设柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设德国商会品牌网站建设福美控股赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设网站建酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作三盟科技物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站斯帝罗兰网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设公司网站制作拉链官网广州建站广州网站建设纵天科技
立即致电纵天品牌顾问:
400-611-9921
联系我们:

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭