大客户专线

400-6065 301

24h在线售后

科学方法论

View More

navigation

产品贸易 · 网站设计视觉设计解决方案

贸易产品行业建站解决方案,阐述贸易产品相关设计思维散发的步骤,了解黄金15'是如何着手项目落地。

2024.03.07

正文:

 

过去十年,我国货物贸易进出口量连创新高,我国已经成为全球货物贸易第一大国。随着无人化、智能化的升级,加上用户群体的精细化程度越来越高,品牌意识越来越强,企业愈发关注自己在互联网上的形象与产品交易,更多地从横向领域做减法或者转型或者拎出某个类目做垂直领域、细分领域。外贸企业随着亚马逊、全球速卖通、eBay等跨境电商平台的销售佣金、广告竞价、物流费用的不断波动,越多企业选择用独立站形式搭建自己的互联网销售渠道。此处我们解决方案先针对贸易产品大类进行概述,之后我们会分跨境电商、内贸、不同行业的不同产品来进行分享。

 

一、三大思维

 

 

从上至下的建站核心思维,让企业在互联网平台的展示发挥最大效益。

 

 

1. 时间思维

 

 

用户在互联网中找到企业网站的时间、用户在网页的停留时间、在有限的时间传递用户有用的信息、在一定的时间之后实现用户转化。

 

 

用户进入产品网站,我们需要抓住第一要素:买东西。专业的产品网站与品牌站不一样的点就是在于,品牌可以花时间做交互,花时间给客户看内容,但产品网站重点的核心是卖东西,所有内容围绕产品展示为核心去展开,热门、最新、推荐、售后、代言都是网站重要的规划。先不谈论产品的逻辑结构,在首页,什么样的产品展示形式最吸引用户,怎么样的产品展示可以体现自己的卖点,如何快速引导客户询盘或者下单都是我们需要考虑的点。

 

针对目标用户的需求,我们需要拟定热销、卖点、询盘等版块结合优质的视觉设计,构建一个让用户在15秒内可以尝试询盘或者下单的网站。

 

 

2. 品牌思维

 

 

围绕企业品牌推广运营为核心,打造品牌记忆点,通过专业的设计表达出行业的专业性,实现品牌网站高转化。

 

 

我们看过太多的产品网站,大多的结构都是banner、热门、推荐、产品大类、服务,逻辑相差无几,先不说企业的产品需要有自己的品牌特点之外,在规划网站的时候,我们希望在配色、版式布局、字体、元素的使用上,都可以让人一眼感受到企业自身的品牌调性。我们之前有提到“心智模型”,就是我们认识事物的方法和习惯,从最原始简单的产品列表着手,不断的赋予情感色彩,条纹、色块、彩色、单色、线性、填充,衬线体与非衬线体,错位布局与规整布局,图片的各种比例,都是我们需要从品牌角度出发给这个网站运用合适的展示手法。

 

(⬇️allbirds.com年轻化品牌运用高饱和度的产品呈现,色彩搭配十分绚丽)

 

 

3. 商业思维

 

 

我们需要应对大环境的瞬息万变,网站内容同步甚至需要先于企业发展,网站规划会结合企业目前乃至未来发展的全方位考虑,通过在互联网上的沉淀,获取足够体量的数据,来分析用户行为习惯及用户偏好,来迭代网站,甚至是迭代产品,从而获取持续转化。

 

 

掌握流量、转化、运营三大核心关键词,如何将来到网站的流量最大限度的转化,强有力的营销方案必不可少,在网站上留下用户的痕迹,并可以与用户产生反馈,建立用户管理是必要的手法之一,通常我们是通过会员的形式,对于国外用户来讲,邮件是必不可少的沟通方式之一,因此“订阅邮件”在网站设计中等同于国内的留资,而我们国内用户,结合我们日常必备的抖音、微信等社交媒体,关注抖音号、关注公众号、小程序、App下载都是我们需要引导的,这是获取客户初步资料的手段之一。

 

再则进阶为在线直接购买。这相对于一个企业来讲的开发成本较高,不仅要考虑订单的整个逻辑,还要接入第三方的收款方式,并且考虑到在网站上的购买安全性,我们会建议批发类产品直接在网站上设计一份询价单,添加产品、数量至购物车提交相关信息至企业的后台,由销售进行直接联系,最终付款。零售类产品,如果是已经有了淘宝、天猫等入驻,我们建议在产品处直接设计对应的跳转链接,到一个强大完善的交易平台,促成交易。

 

如果是独立站形式,产品管理、下单、售后一体的网站,我们建议使用shopify等跨境电商独立站搭建平台创建网站,我们可以直接使用里面现成的插件,并且可以享受平台的维护,减少网站开发成本。

 

 

产品网站,我们需要立足产品的受众群体,通过市场分析,去选择适合我们企业发展的网站开发方式,我们需要知道,流量可以购买,转化需要技巧,运营需要头脑,我们期待网站发挥出它最大的价值。

 

 

二、黄金15秒落地方案

 

 

时间思维 - 用户着陆的快与慢、长与短

 

品牌思维 - 围绕核心内容的逻辑与版块

 

商业思维 - 数字量化的反馈与迭代

 

 

1. 贸易产品的网站特征

 

立足于同样的市场环境与目标群体,我们聚焦于“人”,网站需求上都有一定的共性。

 

 

主要是以下四个方面:

 

重视产品展示效果

 

产品种类千千万,不管是垂直领域还是大类产品,包装是必不可少,高清图片结合应用场景,可以让用户产生更多购买欲望。

 

埋点用户需求

 

希望通过询单、标签来创造用户需求推动力。

 

着重售卖与售后

 

直白的产品标价或者产品购买方式,完善的售后服务增加线上交易率。

 

差异化的体验感

 

从开屏的动态及内容的交互有良好的体验。

 

2. 需求分析

 

2.1 项目背景

 

企业定位

 

我们所说的企业定位是指企业在行业里的规模,例如上市集团、业内知名企业,世界500强、中国500强,亦或是在某个圈子的竞争优势、初创企业等,有了企业定位,我们就可以得出目标群体及受众体量,及设计的可独特性空间,让网站呈现使得被更多人认可接受。

 

结合企业所提供的服务

 

 

垂直产品、细分产品、单一产品

 

 

贸易产品的种类千千万万,我们需要针对企业对自身产品的规划与定位设计对应的用户路径,通常我们分为垂直产品、细分产品、单一产品三大类。不同的类别定位需要有对应的用户路径及栏目规划。

 

结合企业行业定位/期许

 

我们强调企业的可发展性,互联网信息传递是可以优先展示企业未来发展的模样,打造知名品牌、聚焦小圈、大型外贸、国内批发庞大线上销售网络等,我们可以结合企业对未来的规划,预留版块位置及数据接口。

 

目标群体分析

 

 

侧重消费群体:女性/婴儿➡️母亲/中老年/青少年/男性

 

 

2.2 网站目的

 

 

短期宣传/中期赋能/长期沉淀

 

 

贸易产品的需求是最直接最直白的“交易”,实现快速并精准的用户路径、快捷搜索、便捷支付、或随时发起的会话及留言,不做线上支付的项目会建议制作线上报价询单功能,用户快速生成产品需求清单,直接发送到企业销售部邮箱,提高线上转化率。

 

2.3 竞品调研

 

 

我们所做的竞品分析,不仅仅是对客户企业平行的竞品,更多是分析优质浏览量、高转化率、高销售额的网站,我们会分析这些栏目存在的共性,得出用户行为习惯最佳阅读方式及版面呈现方法。例如对于多品类的产品呈现,我们就需要使用小版块列表呈现产品一排六七个产品,而非选择大版块一排两三个。我们需要强调用户的行为习惯,这能让用户落地的时候更快速产生转化,避免天马行空从而消耗用户停留时间。

 

 

3. 网站内容整理及栏目规划

 

 

原始数据➡️分类整理➡️主次结构与视觉优先级逻辑➡️版块呈现

 

 

对于贸易产品的版块规划,我们需要强调如下图的逻辑,一般以产品占首要位置,在首页规划中,主推产品、使用场景、热销都需要纳入考虑。结合企业实际资料与资源,我们规划呈现方式。例如瑞能we-warm电暖器就有渲染图及3D产品展示。

 

 

4. 黄金15秒设计点

 

提炼和整理需求分析及竞品分析的结论,从而高效抓取设计点并通过发散思维打造品牌视觉点。

 

4.1 启发点

 

通过整合竞品的优点及带来的启发,我们需要取其精华,结合自身产品通过设计进行进一步品牌加持。

 

4.2 机会点

 

通过描述竞品的缺点和己方产品的机会,尽可能避免犯一些“常识性”错误,例如在多品类的导航设计中使用简单的按钮导航。

 

4.3 目标点

 

我们会结合黄金15‘设计关键点来帮您确定好网站整体视觉目标、行为目标、交互目标、品牌目标,从而让用户快速落地,在浏览网页的有限时间内产生活跃的用户信息。我们会通过便捷的在线会话及方便的表单留言实时获取客户,并通过打造私域流量,为客户产生黏性创造空间。

 

例如:以某保温瓶产品为例,我们头脑风暴出尽可能多的关于的关于企业、行业、产品、用户相关的词汇(这些关键词是有要求的,详见注释1),产品原型、包装、体积、材质、色彩、定制等,通过覆盖、叠加筛选出最终视觉呈现的词汇作为此项目的设计基准与创意散发起点,这可能只有一个关键词,也可能多个,但原则是他们不重复、无交集,例如welldrink的关键词为贴纸、定制化。

 

进而通过用户的“心智模型”分析出用户行为心理,实用、好看、便捷的购买、社交分享,来完善设计版块。

 

5. 疯狂灵感

 

我们设计从来不是埋头苦干,网站设计需要商业性,商业需要市场验证,我们需要整理大量网站快速获得启发,遵循几个找灵感的原则,按照我们上面确定的“定位”“目标词”“心智模型”为基础进行海量搜索,并通过① 收集;② 提取;重复1与2,来达到最大化的输入输出。

 

 

ps:之前遇到一位客户,感觉没什么要改,但是就是要改,我们可以肯定极简慕枫设计灵感不比客户的少,相信我们会采用合适企业也合适目标用户的设计形式。

 

 

 

6. 设计落地

 

6.1 配色方案

 

接触到的很多企业是没有完整的VI手册的,只有一个logo,我们需要根据已有的Vi手册或者单纯的logo,去延续并拓展网站使用的色彩比重,蓝色调的logo并不是指网页仅使用蓝、黑、白,而是需要通过辅助色的搭配,设计出一个具有活跃生命力的可以形成品牌第一感受的视觉效果。

 

 

6.2 品牌元素

 

元素是指我们视觉系统设计出的一套视觉展示搭配标准,就拿图标来讲,有线形、填充、2.5d、静态、动态等表现形式。

 

6.3 精致布局

 

考虑响应式+符合用户阅读习惯,从左到右,上到下,从大到小

 

6.4 细节把控

 

图标设计、按钮设计、开屏设计、比例应用

 

6.5 交互设计

 

动态交互、触发交互、反馈交互、路径引导交互

 

6.6 黄金15秒再次赋能-记忆点打造

 

 

转化、复购、发挥网站最大价值及最佳转化,让用户记住

 

 

一个优秀的品牌需要有品牌第一印象,可以是颜色、形状、感觉,苹果高级,拼多多便宜,极简慕枫极简,中国风中国红,集团大气等等,对于网站来讲我们需要打造网站的第一印象,高级、大气、留白、超大的文字、c4d配图、有趣的按钮等等。一定是能带出品牌感受的,一个网站仅做一个优秀的亮点即可,聚焦亮点,让用户快速记忆品牌的特性。

 

6.7 原型确认及效果图

 

 

原型是策划落地及用户体验梳理的重要步骤,通过原型可以快速地规划页面内容、网站页面之间的关系,模拟用户旅程。需要注意的是所有的策划要基于可以提供的真实内容,原型一定是可以落地的内容,这样才能保证后续实施的一致性 。

 

 

三、极简慕枫优秀案例赏析

 

迪卡侬perfly

 

按照三种用户习惯对应导航入口:使用人群导航、产品分类导航、新闻及联系导航

 

产品货架展示,全部产品在同一个界面,通过加入对比、加入购物车,引导购买

 

套装的组合推荐

 

上万产品的数据自动更新

 

http://perfly.mfweb.club/

 

 

陆尊国际

 

贴纸包装设计

 

购物清单提交

 

会员中心


http://luzunmaoyi.mfweb.club/

 

 


MERRANOX

 

弱化文字强调产品、场景

 

干净利落侧边导航快速找到需要产品


https://merranox.com/

 

 

UNDORABLE

 

深色背景凸显产品高级感

 

画册降低维护成本


http://www.undorable.com/

 

 

Methodology

 

极简慕枫-定义商业品牌官网,更多方法论请查看:

 

《官网设计必看的用户心理思维/指南》

 

《官网设计必看的品牌思维/指南》

 

《官网设计必看的头脑风暴思维/指南》

 

《官网设计必看的配色思维/指南》

 

《官网设计必看的灵感思维/指南》

 

DISCLAIMERS

back to list