您好,欢迎来到鲸跃跨境电商
会员登录

你现在的位置:首页 > 独立站运营 > Shopify建站 > Shopify优化 >

独立站优化 | 给外贸独立站加分的实用设计

来源:鲸跃跨境网友 浏览: 2021-09-03

  曾经多少个外贸人来抱怨过:客户嫌弃我们网站看着low,都怕我们不可靠。

  当然也有合作过的小伙伴来反映:客户觉得我们网站设计好看,非常专业。

  你的独立站可能不需要很出挑,但一定需要有一个舒服合理的设计,无言中拉近与潜在客户的距离(嗯,看着不错,先看看)。

  一、独立站不能不考虑设计

  你知道吗?

  国内相当一部分的外贸独立站,缺乏基础的网站结构概念,或对用户体验欠考虑,基本都是堆砌信息和图片为主。

  用这样的独立站作为企业名片的话,即使你的产品服务很优秀,形象分还是会大打折扣哦。

  更别说市场上有充分的研究证据表明,设计对于独立站真的非常重要:

  • 75%的用户表示,他们会根据网页设计来决定一个公司的信誉度。(斯坦福大学的网络可信度研究)

  • 37%用户会因为设计欠佳和导航不合理而离开一个网站。(bluecorona.com)

  • 全球59%的用户表明,相对于简单设计的网站而言,他们更愿意与设计精美的网站内容互动。(marketingcharts.com)

  (好的B端独立站设计,能提升客户好感,令其更有询盘意向)

  (粗糙的B端独立站,降低客户信任,难以抬高产品服务的附加值)

  所以,无论你的外贸业务大小,都不要忽略独立站的设计,也不要妄想简单排列的文字能吸引大部分客户(内容站例外)。

  二、内行人总结的实用设计tips

  这次,我们打算掏出一些实用的独立站设计技巧,帮助你做出至少是舒服合理的独立站设计。

  下面是正文。不必像设计师般专业,实用也能实现的独立站设计tips在这:

  1. 设计要素有规律,不混乱

  独立站设计的构成要素主要有:

  企业或者品牌logo、网站配色、网站布局、图文排版、字体甄选

  无论是哪个构成要素,首先要考虑品牌定位、产品特征、行业性格,选择一个设计风格(是极简、专业、复古,还是活泼;是扁平还是立体……),不能一个独立站多个风格。而且每个要素都有一定的原则,不能太随意:

  1)logo设计

  多考虑logo想传达的企业理念和应用场景,建议不要太复杂,更好记忆。

  也要多观察行业通性,普遍采用什么色调,是纯字体还是字体图形结合。

  只要你不是超大牌或有这个绝对潜质,就不要太偏离主流,特立独行。

  (化工大佬巴斯夫的logo,图形结合字体,强烈的化学元素联想和呼应协作共赢的合作理念)

  免费logo设计工具分享:会根据你的行业、风格、使用场景、偏好等选择生成logo,但建议大家查下logo字体能否商用或注册哦。

  https://hatchful.shopify.com/

  https://looka.com/

  2)网站配色

  譬如纸制品行业强调环保,一般会使用绿色系;电气行业注重技术,多用蓝色系;美妆行业需要少女心或高端感,可能会结合粉色系和黑色等等。

  不能选一些跟行业特性冲突的色调,也不能一个网站太多颜色。

  (配色融合行业和产品元素,时尚潮流)

  实用的配色工具分享:选定一个主色号,便自动推荐多种配色,可根据实际选择合适方案。

  https://mycolor.space/

  https://encycolorpedia.cn/

  3)网站布局

  要有整体感,重复的设计元素如按钮的形状和间距保持统一;

  要有对比性,主次分明,板块间可通过字号、色块大小等对比突出重点;

  要有平衡感,疏密有致,不要一直呈现一堆内容,用板块、图标等隔开。

  (网站布局主次分明,也有一体感,视觉平衡稳重)

  4)图文排版

  要有节奏,无论是左右,上下,还是错落结构,不能一直一样,要搭配着用;

  要直观,图文相关互补有粘性,一看就懂,不要配无关图片,增加理解负担;

  要易读,每行文字不宜太密,调整好文字和段落间距,清晰的排版帮助阅读理解。

  (图文排版错落有致,文字密度合适,有空间感;图文结合产品和应用场景,极具说服力)

  5)字体甄选

  字体也有性格,需要符合你的独立站style。

  自然简洁的字体可能更适合轻工业;稳重严肃的字体可能更适合专业性强的行业;有设计感和细节的字体可能更适合美妆行业。

  选择契合你行业和产品特征的字体就对了。

  (冷冻冰鲜行业选择了有“冷感”的标题字体,搭配稳重的正文字体,呼应行业特质)

  网站字体选择工具分享:他们的字体都能免费商用(copyright free)哦!

  https://www.dafont.com/

  https://pairfonts.com/

  总之,合理的独立站设计,格调一致,清晰舒朗,有明确视觉引导,更能突出内容重点,有读下去的欲望,才更有可能转化。

  2. 设计适配多设备,灵活友好

  直白地说,响应式网页设计,就是在不同尺寸的设备屏幕,用户都能看到正常显示和排版合理的页面设计。类似于淘宝的PC端排版和移动端排版,布局不同,但都方便用户浏览。 过往的外贸独立站设计都是以PC端为主,往往容易忽略移动端的显示。但后者才是现在的主流。

  • 研究表明,70%的B2B买家在过去两三年内大幅增加了移动端使用量,60%的买家预计将继续增加移动端的使用。

  所以移动端,特别是主流手机型号的适应式设计不容忽视。大家要注意你们的独立站是否有做到:

  1)图片和布局弹性化

  图片尺寸可自动同比例缩放,而不会破坏整体页面布局。无论用户选择的设备类型和显示方向如何,页面布局都富有弹性,自动变化大小或换行等。日后更新修改也方便。

  (自适应设计,不同设备一样舒服、好看)

  2)图片响应式变化

  除了同比缩放,图片还能根据不同的设备变换合适的分辨率,而像素大小依然能正常显示,完全的自适应。

  某些建站工具自带的主题早有考虑自适应设计,而某些工具则需要另外设置,如WordPress。无论你的选择如何,都需要检查一下,你的独立站能否多设备友好显示哦。

  3. 设计重视用户体验,留住用户

  外贸人注意了!谷歌又一排名因素更新:Page Experience

  能影响独立站的谷歌排名能力,充分说明了“用户体验”的重要性。

  “用户体验”,通俗地说就是 “这个东西好不好用,用起来方不方便”。独立站页面体验好,方便用户快速获得需要的信息,自然能获得更多流量和获取询盘的可能。

  如何通过独立站设计优化用户体验?我们来列举一些常见易做而重要的小技巧:

  1)导航指引清晰

  比如某种产品应用场景突出,可以直接展示在导航栏,会比收起在applications下更直接,指引更清楚,用户离他需要的信息就更近了一步或N步。

  (按场景分的流量入口,如果不是太多,可以直接铺开)

  2)重要信息前置

  可以利用heatmap等工具知道用户停留最久的地方,把重点展示在这些范围。并且视觉引导明显,重心突出,带领用户按我们预期的顺序阅读。

  (通常页面的第一屏,导航栏和横幅的按钮最多点击)

  3)交互引导明确

  例如通过按钮的颜色、明度、阴影等变化,让用户知道可点这里,并通过色彩对比等心理暗示,让客户知道要点这里。引导用户点击各种CTA按钮。

  (颜色对比提示按钮位置;绿色存在感更强,突出询盘按钮吸引点击)

  4)优化加载速度

  加载速度永远是留住用户的关键因素,毕竟不是所有网站都值得等待。我们可以压缩图片到100K以内,尽量不用png格式,减少不必要的轮播,最小化一切影响速度的东西。一直给用户“快”的感觉。

  三、结语

  有了这些tips,大家可以着手做好或改善一个独立站的设计了。

  最重要就是从三个角度考虑:

  • 设计要素是否有致:logo、配色、布局、排版、字体等有行业一体感,美观有序

  • 设计是否适应性强:手机、笔记本电脑、台式机电脑多设备显示友好,易于更新

  • 设计是否方便客户:用户看着舒服,记得住,重点容易找,容易操作,方便互动

  能做到上面三点,基本就是不错的独立站设计,至少更能获得客户的信任和认可!

温馨提示上述内容为代理转载或编者观点,不代表鲸跃跨境电商意见,不承担任何法律责任。如侵权请联系删除。
作者:鲸跃跨境网友 | tag:

发表评论
验证码: 点击我更换图片
最新评论


跨境电商发展如何?

跨境电商如何做?

课程适合我吗?

我适合做跨境电商吗?

立即咨询老师
独立站1280元建站课程领取!
在线咨询在线咨询