提升宝齐莱(Carl F. Bucherer)网站,服务全球客户

Carl author

Carl F. Bucherer

一个令人惊艳的网站,充分传递了宝齐莱的品牌价值与形象,并提供卓越的用户体验。得益于持续的合作关系,我们不断对网站进行优化,确保其在数字领域始终保持领先地位。

Carl phone
Carl phone
arrow-left
right

在本案例中,您将了解我们如何帮助奢侈腕表品牌宝齐莱将其资产数字化,打造一个支持7种语言的精美网站,并采用React作为前端框架和Drupal作为内容管理系统(CMS)。 

关于客户:宝齐莱(Carl F. Bucherer) 

宝齐莱是瑞士历史最悠久、声誉卓著的奢侈腕表制造商之一。 

品牌创始人Carl Friedrich Bucherer以其独特的商业理念闻名。1888年,他创立了这一品牌,赋予了其卓越的真实性、精致感与永恒魅力。

如今,宝齐莱仍在其自有工坊中开发出色的腕表款式:超过100个部件无缝结合,打造出世界级制表工艺的杰作。 

为进一步推动增长,宝齐莱正积极拓展包括亚洲在内的多个市场,并创下了破纪录的销售成绩。 

目标

作为扩张计划的一部分,宝齐莱首先在欧洲启动了网站开发,由当地机构负责其资产部署。在中国,IT Consultis(ITC)负责项目的实施。我们当时的主要挑战是构建一个强大的门店定位器。

然而,随着与这一瑞士腕表品牌合作的深入,ITC逐渐接管了全球项目。这意味着我们的责任范围扩大,合作关系也进一步加深。

值得一提的是,对于奢侈品牌而言,找到最合适的方式来提升其线上形象至关重要。对于像宝齐莱这样精致的品牌而言,这一点尤为重要。 

The Homepage of the revamped Carl F. Bucherer website
The Homepage of the revamped Carl F. Bucherer website

与Digital Luxury Group团队合作,ITC需要以极高的细致度处理宝齐莱提出的各项需求,并致力于实现最佳的数字表现。 

我们的主要目标包括: 

  • 品牌提升:在线呈现宝齐莱奢侈品牌的高端形象 
  • 门店引流:创建一个快速、无缝的门店定位器,帮助用户轻松找到最近的门店 
  • 服务全球客户:构建一个响应式网站,支持全球访客访问,并提供7种语言版本 

为宝齐莱提供的解决方

ITC需要从多个方面入手,所有工作都需要精心规划和执行。双方的共同努力显著提升了首页的用户体验(UX),同时用户界面(UI)也在持续优化中。

全新网页设计

Desktop and mobile mockups of the Carl F. Bucherer website showcasing how the 2 main colors - black and brown yellow - are used to reflect the sense of luxury

首先,我们以黑色和棕黄色为主色调重新设计了网站。这些精心挑选的色彩旨在体现宝齐莱品牌及其产品所蕴含的奢华感。

多语言支持

凭借丰富的本地化经验,ITC开发团队为宝齐莱提供了最合适的解决方案

我们不仅添加了中文支持,还实现了前端7种语言的切换。最重要的是,所有语言版本都可以通过同一个后台进行管理。尽管语言不同,所有页面都完美呈现了宝齐莱的品牌形象,并提供一流的用户体验! 

The website is available in English, German, French, Spanish, Russian, Japanese, and Chinese
The website is available in English, German, French, Spanish, Russian, Japanese, and Chinese

门店定位器

此外,ITC还为宝齐莱构建了一个先进且用户友好的门店定位器。得益于其支持7种语言、地理定位功能以及与Leaflet地图技术的集成,这一功能有效帮助客户在全球近50个国家找到最近的宝齐莱门店!

ITC helped Carl F. Bucherer build a store locator to help users find the nearest physical shop in nearly 50 countries

我们的高级Drupal开发人员Yves Derkac还提到: 

“这一门店定位器在两个不同的服务器上运行。因此,它主要通过额外的自定义服务实现功能,例如路线生成系统、多语言门店导入器、ITC服务加载器(用于动态服务)以及域名切换器。”

List of stores and interactive map for Carl F. Bucherer shops in Shanghai, China

技术实现

在技术方面,我们的开发团队帮助宝齐莱构建了一个响应式网站,前端采用React,后端采用Drupal

为确保网站在中国境内外都能实现最快的性能,ITC决定使用Varnish加速器,该技术专为内容丰富的动态网站设计

此外,我们利用Tinypng对网站图片进行了无损压缩优化,从而使网站从一开始就拥有极快的加载速度!

ITC团队还建议宝齐莱使用从预生产环境到生产环境的自动推送功能,从而显著减少内容管理中的人为错误。

ITC helped develop the CFB website with Drupal 8 as the backend and React as the frontend framework. We also utilized other supporting tools including Varnish accelerator, Tinypng, and Leaflet map

Yves Derkac进一步解释道: 

“该网站的中文版本实际上可以通过两个不同的URL访问:.com.cn用于匿名(未登录)用户,并重定向至中国服务器;而.com/zh-hans则专为管理员设计,以便通过法国服务器进行内容管理。 

此外,我们还设置了入站和出站处理器,以重写HTML页面上生成的链接。这样,无论是匿名用户还是授权用户(已登录),都可以保持在正确的服务器/域名上,从而无需额外的内容管理层。

这是一项极佳的功能,能够确保速度、准确性以及出色的用户体验!” 

搜索引擎优化(SEO)

此外,ITC还进行了广泛的优化,以提升宝齐莱网站的SEO参数,包括针对全球市场的Google搜索和中国市场的Bing搜索。

ITC also helped improve the website's SEO on Google Search and Bing

关于SEO,Yves评论道:

“为了真正优化网站,开发团队使用了自定义事件和事件订阅器来覆盖动态生成的路由。

这帮助我们避免干扰初始生成过程,同时通过HTML响应附件处理器自定义标签、元标签以及输出的HTML。”

对于未来的开发,ITC团队正努力减少尽可能多的钩子(hooks),以便能够轻松实施新的Drupal版本。

成果 

3 mobile mockups of the Carl F. Bucherer website

在将宝齐莱的资产上线时,我们的目标是反映并保留其所有主要特质,包括其高端感、精湛工艺以及可靠性。最终成果包括:

  • 一个充分传递宝齐莱品牌价值与形象的惊艳网站 
  • 卓越的用户体验、快速的加载速度以及优化的SEO表现 
  • 一个支持7种语言的用户友好型门店定位器 

得益于我们持续的合作关系,ITC不断对网站进行改进,确保其在数字领域始终保持领先地位。能够与这样一个著名品牌合作,我们深感荣幸。我们期待在未来继续提升并维护宝齐莱的线上资产。 

您是否也在考虑数字化您的资产?正在寻找中国的Drupal开发机构 
IT Consultis是一家位于上海的数字转型咨询公司。我们拥有超过10年的咨询与数字资产交付经验,包括网站、应用程序以及微信小程序等子应用,帮助全球品牌最大化其电子商务领域的投资回报率(ROI)。

请告诉我们您的目标,我们将帮助您实现!