L-strip,一个展示LED灯的网站。
整个网站页面采用最简单的黑白主色调,再搭配上一个【柔光黄】作为辅助色。据设计师所说,选择【柔光黄】的灵感是来源于灯泡发热发亮时的颜色。
灯光一般是偏向于白色光,所以黑白色系更能让整个网站页面的信息与结构,更显整洁明快。但是,如果单单是黑白配色又易显单调。于是,设计师在此基础上,再将一些不抢眼的点缀元素融入纯色背景中,反而更增加了画面的精致感与层次感。
同时,因为主要展示的是LED灯,而LED灯大多数应用在一些室内/家居的环境中。这时候,在网站背景中应用上线条的设计,更能够与这些家具结构的线条形成一定的呼应。干净的背景也更能凸显出图片/产品的细节与特点,让用户将视线聚焦于此。
当然也有朋友会说,网站,好看是亮点,但没能促成最终发送询盘的动作,那也没用啊?
确实,搭建一个网站,最终目的还是为了询盘、为了转化。这一点,在这个网站的不少细节里都有所体现。
首先,网站一开始的导航,就直接在黑色的背景上设置了亮眼的白色【Contact】:
事实上,大部分用户都不会在一开始就直接点击【Contact】,但是客户点不点是TA的自由,设不设置这个按钮就是你的选择了。
设置了【Contact】的话,跳转页面的文案也要写好。要尽量做到应有尽有,什么保修服务、产品认证、在线服务,免费样品的提供等,但又不能太过啰嗦,没有重点。
最后在客户提交询盘时,还能提醒一句:“We respect your confidentiality and all information are protected.”就更显你的贴心了。
再回到首页,当用户继续浏览,对于产品介绍感兴趣,将鼠标移动到CTA的按钮时:
两个按钮,鼠标没移上去之前,一个是黑底白字,一个是白底黑字;鼠标移动上去后,黑底白字变成了黑字白底黑线框,白底黑字又多了个黑框,突出了按钮和文案,更有助于促使用户做出点击的动作。
当然,这样小心思的设计不止这一个:
黑白的主配色之中,一抹温柔的【柔光黄】,既突出了产品关键词,又减少了用户浏览的疲惫感。
图片可以放大的处理,方便客户查看产品细节,增加客户留存的时间。
专门设计的icon,搭配上或加粗或纤细的文字,与文案相呼应,与网站风格一致,有利于让用户多把注意力放在文案的细节上,多了解你们的服务有多优秀,产品质量性能有多好,供应有多稳定。这都是能让客户下定决心是否与你们合作的原因。
当然,这些都是为了促使用户点击CTA按钮。但是当你一步步让用户浏览到网站底部的时候,也要记得再次提醒下用户,赶快【Contact Now】

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實(shí)的服務(wù)了近萬家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。