持续分享干货,培育用户成长
Google、Adowrds、Seo、Facebook营销,社交营销等实操营销课程
扶持课程只对UEESHOP正式用户开放
请联系顾问获取或观看免费课程
观看免费课

【UEESHOP用户故事】60天打造美妆品牌B2B独立站

作者:UEESHOP
浏览数:735
时间:2018年11月08日 00:00
分享到:
0
O.TWO.O是广州市佐伊生物科技有限公司的自有彩妆品牌。2016年,O.TWO.O由工厂型线下B2B业务延伸到线上B2B业务,开始经营阿里巴巴国际站。然而,尽管当时每天都有不错的询盘量,转化率却不如人意——因为当时的O.TWO.O还没有自己的品牌官网,难以向客户展示企业形象与实力,获得客户信任。为此,O.TWO.O的CEO Martin先生找到了UeeShop,为O.TWO.O品牌官网提供定制化方案与设计搭建服务。
 
广州市佐伊生物科技有限公司
 
经过与Martin先生的深入沟通,并对O.TWO.O品牌进行了详细了解后,UeeShop建站顾问Kevin为O.TWO.O品牌官网制定了定制化方案,得到了Martin先生的认可。于是O.TWO.O与UeeShop正式合作, UeeShop首席设计师及技术工程师带队为O.TWO.O品牌官网提供了网页设计与技术搭建服务。
 
在整体的设计上,O.TWO.O品牌官网以黑色为主色调,配以粉色作为辅色。黑色是时尚界的经典色,神秘又前卫,性感而与众不同,凸显O.TWO.O品牌的高端大气;而粉色的点缀则呼应了每个女生心中或多或少都有的粉色情结,给品牌带来了一丝活泼与甜美,契合O.TWO.O的受众群体。
 
导航栏
 
在网站顶端,设计师给白色LOGO做了紫色发光的处理,使原本简约的LOGO看起来更出众、立体,宛若霓虹灯般时尚绚丽。
 
首页Banner图的设计沿用黑+粉+紫的配色,与网站整体配色协调统一,更与网站顶部融为一体,非常高端大气。而置于流光线条背景下的模特妆容精致、靓丽,配以唇印图案的点缀,让人一眼就能认出这是一个做彩妆产品的网站。
 
Banner图
 
文案方面则用层次丰富、有序的大写英文字母有力度地凸显出品牌名、主打产品系列名及所提供的服务。FIND OUT MORE按钮指引用户点击查看更详细的内容。不论是B2C还是B2B网站,让产品在第一屏就进入用户视线,识别出这个网站的业务范围非常重要,直接影响到浏览网站的人是会继续浏览还是关闭页面。
 
广告图下方的产品区则设置了品类栏及特色产品栏目。
 
特色产品栏目
 
品类栏部分,设计师用四种底色区分主打的四个品类,并在底图上清晰地标明类目——Face、Eyebrow、Eyes、Lips,使人一目了然。四个类目的代表产品图片则置于纯色底图上,并与底图有前后的层次之分,加上产品图本身的底部倒影效果,看起来生动立体,整个网站也多了一分灵动之气。
 
特色产品栏目在产品图下方设置了醒目的INQUIRY按钮,鼠标移至按钮的位置,按钮还会变为更醒目的粉色,刺激用户点击询盘。在网站上多处设计醒目的联系按钮,有助于收割更多潜在用户。
 
联系按钮
 
在产品区与信息区中间,设计师用了一张横幅图作为过渡。这张横幅图不仅从版式上巧妙地分割开产品区与信息区,使两者的衔接显得不生硬,更凸显出了O.TWO.O的主打唇膏产品。与唇膏颜色呼应的鲜红GET THE LOOK按钮醒目地提醒用户点击查看详情。B2B网站的设计既是为打造品牌服务,也是为提高询盘量服务。
 
信息区则简要介绍了O.TWO.O的OEM&ODM服务及最新资讯。
 
最新资讯
 
在OEM&ODM服务的介绍中,设计师以流程图的形式简洁、清晰地列出了OEM&ODM服务的步骤,并配以实景图片,既能帮助用户理解这一流程,也让用户看到了O.TWO.O工厂的实景,体现O.TWO.O的企业实力,提升用户对O.TWO.O的品牌信任感。B2B网站是否能让用户产生信任感,对询盘量有至关重要的影响。
 
O.TWO.O的官网特设了“彩妆资讯”模块,为用户普及彩妆技巧的相关知识,并在文章下方设置了转发按钮,用户可以将文章转发至自己的facebook、twitter等社交平台。这一模块的设置有利于品牌与用户的互动,增加用户黏性。不断更新的行业资讯,也体现出O.TWO.O是一个紧跟时尚潮流,走在行业前端的品牌。
 
彩妆资讯
 
在文章底部的联系区,详细列明了品牌所属企业的信息。香港总部、广州公司、广州工厂三地的多种联系方式,既彰显了品牌实力,也使用户确信O.TWO.O是一个可信可靠的品牌。由国内第一外贸建站品牌广州联雅UeeShop提供技术支持的标识“Powered By UeeShop”更体现出这个品牌网站的专业度。
 
让我们整体观赏下O.TWO.O品牌官网的首页设计。
 
O.TWO.O品牌官网
 
网站内页方面,因为佐伊生物科技除了自身品牌O.TWO.O,也提供OEM&ODM服务,所以在导航的设置上,特设了一级菜单“OEM&ODM”,下设SERVICES、PACKING MATERIALS、COLORS三个二级菜单。
 
SERVICES页面详细介绍了OEM&ODM的合作流程、合作方式及服务优势。PACKING MATERIALS、COLORS这两个页面则列明了可供选择的外形包装及彩妆品颜色,用户查看页面即可清晰了解佐伊生物科技所提供的这一OEM&ODM服务。
 
下图为SERVICES页面:
 
SERVICES页面
 
下图为PACKING MATERIALS列表页及弹窗页:
 
列表页
 
LIPS、EYES、FACE这三项一级菜单的列表页也采用简洁大方的风格,以Banner图+导航栏+产品列表的组合形式展现:
 
在产品详情页中,O.TWO.O品牌官网不同于传统的B2B展示型网站,它增加了颜色属性及INQUIRY CART询盘购物车功能。颜色属性功能非常适合彩妆及服装类产品,便于用户查看多达数十种的颜色属性,而避免了页面的冗长。询盘购物车功能则能让用户一次性询盘多个产品,避免了询盘多个产品需提交多次询盘信息的繁琐。
 
产品详情页
 
资讯内页采用清爽的列表式风格。标题、概述及封面图排版简洁,发布日期则被设计成日历卡片的形式,俏皮可爱。
 
列表式风格
 
UeeShop为O.TWO.O搭建的品牌官网既专业又美观,彰显了O.TWO.O的品牌实力与产品特色,帮助O.TWO.O赢得了客户的信任。搭建官网后的O.TWO.O不仅在B2B领域获得不俗的成绩,B2C领域的业绩也节节高升,成为中国彩妆行业出海品牌的一颗璀璨新星。