Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments
Hot New Post. Sustainable Architecture for Future Urban Environments

外贸网站建站(一):如何设计网站架构与内容布局

从这一篇文章开始,我将结合我们多年的外贸网站建站、优化经验,教大家如何设计自己的网站,从而满足国外客户的用户体验,全面提升外贸自建站的流量与订单获取能力。

这个是2018年下半年,我们为一家工程机械客户开发的外贸网站,开发周期将近1个半月。在这期间,没有任何一个阶段争取过客户的改进意见。从开始设计到验收,一次性一气呵成。

根据这个案例,我来讲解,我从哪些角度去进行网站架构和内容设计。你们开始记!

#1、了解全球行业网站通用色调

每一个行业和产品领域,都有其独特的主流色系。这种颜色背景,能够不断强化产品或者服务在客户心里的感觉。

我们看很多网站的设计并不美观,但是在行内客户看来,它又极其地道,这在很多程度上取决于网站的主色调。

对于工程机械行业而言,我在进行网站开发之前,会通过相关关键词,搜索全球竞争对手的产品图片、服务流程、电子版彩本(我在之前的文章,提及过我有下载老外彩本的爱好。实际上,这对于我的设计方案,帮助很大)。

很多工作和积累,看似无用,当真正发挥效力的时候,你会感觉信手拈来而又自信满满

所以,最终我做了两套色系方案:

#FE0000(红色)+ #000000(黑色)+ #FFFFFF(白色)+ #FFB717(黄色)
#FFBE00(黄色)+ #000000(黑色)+ #FFFFFF(白色)+ #F1F1F1(灰色)

第一种方案,红色与黑色、白色相结合,一定会有机械设备高端的感觉。但是由于工程机械的产品需要添加土黄色,所以视觉上的红色一定会被黄色冲淡和同化,所以我舍弃了这个方案。

现在给大家呈现的,就是第二种色系搭配。

我是一个经常自以为是的人,所以很少听取客户的设计意见。我很自信,对于国外网站元素和用户体验的理解和把控,比客户更加精准。

所以,我想说的是,如果你打算做好自己的网站,平时一定要注意整理自己行业的电子彩本、产品色调、品牌网站。仅靠临时抱佛脚,就想一蹴而就的事情,基本不会发生。

#2、首屏Banner海报设计,独树一帜

开篇引入的Banner只是其中一张海报,以下是另外一张。我们要向客户传达两点内容:一是目前热卖的主打产品;第二个方面是我们的产品最大的理念和价值。

我希望大家在做构图和文案的时候,能够准确切中客户要害,不要写一些不痛不痒的废话。什么叫不痛不痒的废话?比如:
我们是中国最大的***供应商,专注于***产品研发与设计**年。

更高的产品质量、更好的售后服务。
致力于如何服务于全球多少国家、多少客户。

不要整些虚头巴脑的,老外不傻。我们需要深入地了解客户在应用产品时,出现的每一个问题、每一个细节、每一个因为产品或者系统故障所带去的损失!

把这些变成设计的灵感和文案,直击心底、毫不留情。与此同时,你要记住,你不是一个只卖产品的供应商,你是一直在进行技术服务的输出,所以不要盲目地只关注产品的页面感觉,多一些应用和技术细节展示,会让客户印象深刻。

#3、产品展示,风格清新灵活

我不喜欢阿里巴巴的产品展示风格,过于对称和死板。而你看大量的国外网站,都是讲求顺其自然,局部与整体的融合感。

在这里,会有两个问题你要问我:

为什么整体背景颜色选择浅灰色?
为什么产品要加边框,而且是圆形边框?

首先,因为整个Body的字体颜色一定为黑色,这是毋庸置疑的设计常识。在此基础上,浅灰色会衬托出黑色的正式、大气、严谨。

所以,在展示产品时,如果能够给客户这样一种感觉,就再好不过了。

然后,对于产品主图添加圆形边框,主要因为产品外形环状居多,加上圆框,视觉上的融合度更高,看上去更加舒服,毫不突兀。

你看,同样在展示产品大类,其实老外更加喜欢简洁明了,不要加一些JavaScript的动态特效,哗众取宠的结果往往贻笑大方。

#4、关于我们,页面的灵魂所在
你不要告诉我,只要把产品的优势和特点描述清楚即可。信用全球化的时代,任何人都逃避不了建立信用体系这件事。

这件事情本身的价值,远超产品出口所带来的的短期利益。
但其实我们国内供应商,并不在意。长此以往,中国没有品牌这一定论,毫不为过。那么,我是怎么做About Us或者说Company Overview的布局设计?

首先,我要多写。为什么?—— 逆向思维。
只有没有实力的公司,才会经常性地运用图片和虚无缥缈的内容来凑版块。

老外的网站都是结结实实的案例、技术细节、加工与研发能力。

越不说,越显得心虚;自曝其短,往往也是取得信任的过程。

要多说,好的、不好的都说。怎么可能有完美的供应商?敢于承认自己曾经出现的问题,恰恰是赢得信任非常重要的前奏。客户不会对你产生怀疑,他们在乎的是你后来,怎么一步步改善和提高的。
所以,在这些思维的引导下,我采用了这种布局。让公司的历程与核心技术工艺,跃然眼前。
#5、紧抓不放,时刻将解决方案摆在首位
毫不避讳地讲,任何产品和服务的内驱力,一定来自它扎实的技术体系。这种技术(研发和生产)不一定是最完善或者最先进的。但是对于老外,尤其是欧美国家客户而言,扎实靠谱的技术方案,一定是产品的核心竞争力。

所以,在设计网站页面的时候,你要时时刻刻提醒自己:向客户展示你的系统方案,而不是只会报价、只会推销产品。
你的网站设计应该展现出一种气质:我不卖产品,甚至你给我钱我都不要;我只讲我的技术和方案,不管你听没听懂,在我讲完之后,你哪里来回哪里去。
我们看德国的产品公司,永远输出的都是自我价值。正是因为沉迷于自己构建的技术体系,追求技术层面的不断深入和探索,才有产品价值的飞速提升。不是不知道客户的重要性,是真的没有时间Care那些表面工程。
在做网站设计时,也是同样道理。更多地来展示技术细节和系统方案,是最为重要的。在这里,我想说三点感受:
一个好的设计师,是要具备自己发现、总结、感悟的能力的,不是一味地依赖客户提供素材。
老外往往不是靠你“舔”来的,高端的客户往往看重的是你的技术、细节、自信。
系统方案永远比只卖单一产品更能体现品牌价值和利润空间。

所以你看,在准备设计自己网站之前,其实我们需要深入了解非常多的东西,建立多个角度的运营思维。这些思维,会帮助我们创造出更加合适的框架模块。

这种架构的表现力,往往是更加具有穿透力的。在用户诉求方面,也更加到位而富有张力。

Add a comment Add a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Post

WordPress技术 | 如何运用Yoast快速提高页面Readability得分

Next Post

外贸网站建站(二):局部设计与特殊功能设计