持续分享干货，培育用户成长
Google Adwords、Seo、Facebook营销，社交营销等实操营销课程
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图的设计沿用黑+粉+紫的配色，与网站整体配色协调统一，更与网站顶部融为一体，非常高端大气。而置于流光线条背景下的模特妆容精致、靓丽，配以唇印图案的点缀，让人一眼就能认出这是一个做彩妆产品的网站。
文案方面则用层次丰富、有序的大写英文字母有力度地凸显出品牌名、主打产品系列名及所提供的服务。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，也提供OEM&ODM服务，所以在导航的设置上，特设了一级菜单“OEM&ODM”，下设SERVICES、PACKING MATERIALS、COLORS三个二级菜单。
SERVICES页面详细介绍了OEM&ODM的合作流程、合作方式及服务优势。PACKING MATERIALS、COLORS这两个页面则列明了可供选择的外形包装及彩妆品颜色，用户查看页面即可清晰了解佐伊生物科技所提供的这一OEM&ODM服务。
下图为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领域的业绩也节节高升，成为中国彩妆行业出海品牌的一颗璀璨新星。
