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

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。