因为专注,所以专业
2007-2024

外贸网站设计怎么做?

时间:2018年10月19日 00:00    阅读量:7751
分享到:
0
      说到外贸网站设计,相信大家都会想起“记得要把字写工整,保持卷面整洁,让阅卷老师看得赏心悦目,不要丢了卷面分!”类似的叮嘱,学生时代每每考试前,你都听得起茧子了吧。可是,为什么建站时,却把它抛诸脑后呢?抑或是你还没意识到这个问题?

       首页是网站的第一个页面,必须牢牢把握卷面分。UEESHOP有数百套免费模板随意切换,为何使用相同的模板,隔壁家老王的网站看起来更加高大上呢?今天,我们来细数首页上经常出现的卷面问题,手把手助你赢得卷面分。  



Logo:

       UEESHOP经过用户调研发现,用户浏览网站呈现从左上到右下的视觉方向,也就是说logo是绝大多数用户浏览的首要元素。可是,部分商家并不重视,以下将采用UEESHOP的logo来演示,检查你的网站有没有犯类似的错误:



【案例一】 logo尺寸过大,撑爆画面



【案例二】 logo颜色与背景颜色太相近,拿放大镜也看不清



【案例三】 底部logo带有白底,像牛皮鲜一样顽固



从错误中学习,logo应当与它周围的元素和谐共处:

(1)尺寸要适中

(2)当有背景色时,可做反白处理

(3)底部logo适当增加透明度,类似水印,提升设计感



Banner:

       之前的文章《外贸网站留存率低!可能是导航栏设计惹的祸
分享过banner的设计经验,成功的引起大家注意,在这里就不多说了。但偶尔,商家会犯一些简单的错误:

      (1)只有一张banner,但仍然显示左右箭头,用户点击后,页面没有反应,以为网站有BUG。

      (2)一张banner上传多次,用户点击切换,看到都是相同的banner,有点尴尬。



橱窗海报:

        部分商家没有按要求上传图片,经常出现以下的情况:


【案例】尺寸不够,出现空缺



       此外,由于比例不正确,图片上传后出现变形模糊,这种情况也十分常见。细节决定成败,不容轻视。UEESHOP后台为了方便商家操作,图片上传位置都标注了尺寸,只需按比例上传,就能保证图片正常显示:



产品:

(1)产品尺寸不统一

 其中谈到要统一尺寸,今天进一步举例说明。


【案例一】


       上图中,产品比例大小不一,不仅视觉上不美观,而且容易造成用户疑虑“产品A的实际大小,是比产品B大吗?”,影响着用户的购买信心。

 

【案例二】


       如上图,虽然产品都在正方形边框内,但每个产品所占的大小都不一样,视觉参差不齐,给用户的感受是商家没有用心对待自己的产品,那么用户又何来信心购买呢?

       UEESHOP推荐解决方案:统一产品图尺寸,并且统一产品占画布空间的比例。产品占画布空间比,指的是产品面积占整个图片面积的比例,约85%为最佳。

 如下图:


(2) 切换产品时,出现空缺


       Featured Products板块,一排展示四个产品,点击右上角箭头切换下一排。但是上图中,最后一排只有一个产品,导致右边出现大片空白,给用户造成不好的视觉体验。

 

文字:


       如上图,左侧一大段文字,且上下高度明显比右图大,造成左右视觉不对称,您有兴趣阅读吗?

       UEESHOP发现:大多数用户都是快速跳跃式的浏览网站,冗长的文字会让用户避而远之,故在展示公司简介或其他内容时,尽量使用简短精要的文字,让用户快速发现重要信息。

 
底部:

 英文外贸网站底部通常会设置会员服务、付款说明、常见问题等栏目链接,目的是帮助用户快速定位到某一页面,做进一步了解。如果栏目设置得好,对提高网站转化率是大有益处的。可是经常被商家忽略,出现底部栏目紊乱、空缺。


       如上图,底部栏目参差不齐,显得网站不专业。针对B2B、B2C两类网站,UEESHOP建议可从以下几方面归类整理:


B2B

(1)Products——展示三到五个重点分类名称

(2)About Us——Company Pr-ofile、Honors、Development等

(3)Contact——Contact Us、F-AQ等



B2C

(1)Products——展示三到五个重点分类名称

(2)About Us——Company Pr-ofile、Contact Us等

(3)Member——Create an acc-ount、How to order等

(4)Service——Payment meth-ods、Shipping、Returns等



      优秀的网站百看不厌,用心做好内容,最主要把握以下两点:

    (1)填充完整,避免空缺

    (2)排列整齐,避免参差错落



      建议结合本文,检查你的网站,千万别丢了用户对网站的卷面分!