Web网页设计｜如何打造高大上的国际品牌官网？

产品比较功能需要产品经理和设计师针对产品的卖点和参数进行筛选，通过竞品调研、用户需求分析等方法，找出用户感兴趣的比较项。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

六、产品详情页

产品详情页是设计的重中之中，因为用户是通过详情页来了解产品，那么我们如何来提高商品详情页的购买转化率呢？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

高质量的精修产品图片、产品视频、抓人的文案、阅读舒适的排版……这些都提升页面的转化率的制胜法宝。那么，如果展示的是同一品类的产品，比如扫地机器人，我们应该怎样通过设计去体现不同型号的价格呢？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

我们可以通过扫地机器人的家居场景进行区分，左边的画面使用了品质感更高的深色系家居环境，明显价值感更强，右边选择的是现代简欧风格，更适合年轻的用户。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

之前，万堂老师给我们做企业培训的时候讲到一个案例：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

有些天猫女装，让漂亮的女模特穿着自己家的衣服在游艇上、私人飞机旁摄影，通过用户向往的生活，勾起用户的购买欲望。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

这其实也是通过高端场景的营造来提升产品的品质感，增加产品的附加价值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

商品详情页由大量的视频、图片和文字组成，整个页面的文件往往都很大，打开网页时需要加载很久，我们应该如何解决呢？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

必须对图片进行压缩处理，既要文件小（每张图片不超过100mb），又要保持清晰，渐进式图片是最好的选择。渐进式图片带来的好处是——让用户还没有下载完图片，就可以看到最终图像的大致轮廓，一定程度上可以提升用户体验。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

优化前：打开网页时，图片是一条一条加载出来的，看不到图片的全貌。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

优化后：打开网页时，图片可以全部展示出来，渐渐的从模糊到清晰，网站加载速度快时，根本察觉不到模糊的状态。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

七、从哪里购买

当用户通过官网了解到品牌的信息和产品的信息，决定购买的时候，我们需要引导他们进行购买，优化购买体验，可以提高产品的购买转化率。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

有些国际品牌官网是具有电商购买功能的，有些没有。建设和维护一套全球的电商系统的成本是十分高昂的，而且现在很多用户习惯在亚马逊、天猫之类的第三方平台购买。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

本文研究的是国际品牌不带电商功能的情况下，如何引导用户进行线上和线下的购买。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

导航上：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

通过如何购买和购物车icon引导用户进入如何购买的网页，网页中展示品牌在该地区的所有线上店铺的购买link，线下店铺通过地图功能引导。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

商品详情页：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

立即购买按钮，可以链接到对应的第三方店铺，如该产品在亚马逊的购买页面。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

售后页面：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

售后做的好，可以促进用户的产品复购率及分享率。一般官网可以提供售后电话、在线售后聊天软件、售后邮箱、AI售后机器人、说明书、如何使用视频、FAQ等功能。官网上自助的售后服务，可以帮助一大部分的用户解决问题，节约了大量的人力成本。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

搜索页面：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

有目的性的用户一般会使用搜索功能，比如他想了解某型号的产品，在使用的过程中遇到了问题等等，这些都可以通过搜索功能得到答案。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

在设计搜索功能之初，我们就需要制定好搜索规则：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

• 全站的文字都是可以搜索的；
• 针对搜索结果进行分类，可以分为产品类、资讯类、售后类等；
• 搜索框内关键词推荐；
• 搜索结果为 0 时，推荐项设置，预留联系方式，方便进一步解决用户问题。

图字分离& 语言包：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

国际品牌官网的大部分是由图片和文字组成的，建议图片和文字分离，不要把文字做到图片上，而是将文字放在代码里。这样不仅有利于SEO搜索引擎的爬取，也有利于语言包的制作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

作为专业的国际化网站，需要支持几十种语言。我们的做法是，总部准备标准版的英文文案，翻译社统一翻译成多国语言，然后由当地市场部同事进行审核优化，最后，将优化好的多国语言包交由IT同事开发上传。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

聆听用户的声音：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

通过网站的在线反馈功能、用户搜索的内容、GA网站数据分析可以收集到用户的需求，定期的收集和分析用户的需求，进行官网的迭代优化，这是一个持续的过程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

本文是从产品经理和设计师的角度出发去打造一个国际品牌官网，官网上线前还需要进行域名购买、服务器租用、前后端开发、SEO优化、官网内容上传等事项，需要开发同事、SEO专业机构以及各地区子公司官网运营人员的大力的支持。这些不属于本文的研究范畴。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

至此，一个高端大气上档次的国际品牌官网完成。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html

作者：沈子砚，公众号：Great-PM文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/4128.html