建築釺


Braze如何與我們升級的日本網站擁抱國際化

阿什利·貝爾德 通過阿什利·貝爾德2022年5月31日

建立一個網站從來不是一件容易的事,而調整網站以滿足新市場的語言和文化需求則更加複雜。但這就是Braze在建造一個更富有的係統時的任務網站KK釺焊(日本).這個項目作為未來國際化努力的試點,需要從深入的戰略規劃到實際操作的開發工作來實現其目標。

為了深入了解這一切是如何結合在一起的,我們坐下來與Ashley Baird, Braze Web開發團隊的高級Web開發人員。Ashley從概念到完成監督項目,與一係列利益相關者和團隊密切合作,確定範圍,構建和QA更新的網站。用她自己的話說,下麵是她如何努力衝過終點線的故事。

Braze作為一家全球性公司已經有好幾年了,實際上,比它被稱為Braze.但並非所有的國際擴張都是平等的。當Braze在2020年決定向日本擴張時,我們知道所涉及的工作範圍比以往任何一次擴張都要大。所以我們和日本的雲這使我們能夠有效地將Braze引入日本市場,同時受益於Japan Cloud深厚的本地專業知識。

作為最初發布的一部分,我們聘請了一家獨立機構,為Braze全球網站建立了本地化的微型網站版本。這個微型網站建立在該機構自己的CMS上,是Braze Japan最初的網站。然而,隨著Braze KK的發展,我們很快就發現這個網站無法與我們一起擴展。

首先,CMS的自定義性質意味著任何更新或錯誤修複都必須由外部開發供應商執行,而不是由我們的內部開發團隊執行,這使得我們很難對網站的問題做出快速反應。另外,原來的日本網站無法利用我的團隊為全球Braze網站構建的所有不同功能和模塊,也不能支持Braze KK團隊需要的一些功能,包括與網頁個性化技術集成的能力。此外,我們最近以全新的外觀和感覺重新推出了Braze全球網站,所以對Braze KK網站的任何更新都不僅需要更新內容,還需要在整個體驗中調整品牌——使用日本網站的自定義CMS將具有挑戰性。

為了解決這些問題,我的老板,Braze的營銷技術和運營高級總監jun - sun Lu建議我們從頭開始重建日本微型網站,以便將其納入Braze的全球營銷組合。通過這種方式,我們可以確保在構建和更新內容的過程中,我們正在收集的數據,以及我們所有網絡屬性的像素和cookie的法律合規性方麵的治理的一致性。此外,它允許我們利用與全球站點相同的CMS,簡化內容管理、功能和模塊創建,並為Braze KK團隊與外部技術集成。

從規劃過程到場地過渡

甚至在項目正式啟動之前,我就意識到更新Braze KK網站是一個戰略優先事項。我從Braze Growth團隊那裏聽說,他們希望將Braze合作夥伴的內容翻譯成日語,這表明他們內部越來越關注日本市場。作為這項工作的一部分,我采購了當地的翻譯供應商,創建了日語後端,並對其進行了測試,以確保我們可以從適當的地區提供日語內容。幸運的是,這給了我一些背景知識,我需要在整個項目開始時承擔。

在我們開始設計Braze KK網站的更新版本之前,我們有一些工作要做,以便更好地了解我們的目標人群。我們很快發現,日本網絡用戶比我們的美國網絡用戶更關注移動設備,他們傾向於選擇圖像較少、文本較多的精簡網頁。這些區域差異意味著我們需要為更新後的日本網站進行一些定製,使我們能夠調整網站體驗,以更好地適應日本網站訪問者的需求和偏好。

當整個項目啟動後,我開始與Braze KK團隊會麵,並記錄他們對新的日本網站的所有期望。然後,一旦我知道他們想從全球Braze網站帶來的頁麵,我必須找到方法,讓他們生活在新的Braze KK網站。

事實證明,這說起來容易做起來難:我們的全球網站還沒有建立成一個多站點,所以我們必須非常小心,不要破壞日本網站。為了正確地鏈接它,我發現我必須瀏覽Braze KK團隊需要移植的所有英語內容,然後先將其通過翻譯過濾器。這反過來又要求我們更新所有相關的字段。在網站模塊中發布元數據(標題,描述,類別)和自定義字段(正文文本,標題,統計行,引用等)-允許它們與我們的首選進行翻譯工藝CMS翻譯插件,Acclaro.該插件使我們可以直接將頁麵發送給翻譯人員,並在審批過程完成後自動將已翻譯的頁麵推送到適當的地區,簡化了Braze KK團隊的翻譯過程。

接下來,我必須將我們的頁麵模板連接到新的後端。這就要求我們根據模板是全局的(例如,在一係列不同的地區使用)還是特定於語言的模板(隻支持Braze KK需要的定製)來分離模板。這是一項複雜的工作,但這樣做為模板如何跨地區操作奠定了基礎,使未來的國際化更加容易。

該網站花了一些時間來理清,以確保它的設置是可擴展的,以適應未來的地區。在這個過程中,我們還發現當涉及到我們的CDN時,需要一些糾偏。為了解決這個問題,我們不得不重做相關的代碼,以允許更多的區域設置,並標準化管理它們如何工作的基準結構。我們花了很多時間熬夜,並得到了Braze DevOps工程高級經理Terry Zink和高級DevOps工程師Adam Kosmin的幫助,但是我們的投資得到了回報:在項目階段結束時,我們能夠確保我們所有的網站都具有相同的基本功能和相同的緩存規則,從而可以在未來輕鬆添加新的區域設置。

處理質量保證過程

在我們完成這些技術挑戰後,就該開始QA過程了。最後,對更新後的網站進行QA花了大約兩周的時間,因為我們對更新後的Braze KK網站的每個頁麵都進行了完整的QA。

我從Tina Gui那裏得到了很多幫助,Tina Gui是我們亞太區的高級市場運營經理,Uma Wilson是我們的市場運營承包商,他們一起工作,確保網站上的表格正確提交,並且Braze KK團隊運行的所有活動都正確運行。Tina負責市場運營方麵的工作,而Braze KK的市場經理Keiko Okubo負責審查翻譯,以確保所有內容都符合要求。

作為QA過程的一部分,我們采取措施確保始終跟蹤所有開放問題和bug。例如,如果QA團隊中有人注意到更新後的Braze KK網站上的某些內容沒有被正確翻譯,或者日文方麵的內容有所不同,他們就會添加一個條目,讓我知道我需要回去修複漏洞或解決可能會使更新後的網站對日本用戶的吸引力降低的問題。

網站本地化和國際化的3個主要經驗

雖然在這個項目中有很多需要克服的挑戰,但我們總的來說發現這個過程是一種積極的體驗。特別是,它使我們有可能更好地了解我們日本用戶的網絡訪問者體驗,並在我們努力優化我們在日本的營銷工作時與Braze KK更緊密地結合。在這項工作中,我們總結出了幾個關鍵的經驗教訓,這些經驗教訓將有助於未來的本地化和國際化工作更加順利和高效:

  1. 時間軸:對於這個迭代,我們創建了一個工作計劃,以確保我們在計劃的上線日期的軌道上運行。但隨著項目的進行,我們對流程中的每一步真正需要多長時間,以及允許每個人在不創建消防演習的情況下完成各自任務所需的喘息空間有了更好的理解。對於未來的遷移工作,我們現在有能力準確地預測完成項目所需的時間,以及更好地理解所有步驟應該按照什麼樣的順序來實現效率最大化。

  2. 功能限製:當你發布一個新的或重大更新的網站時,人們自然希望網站是完美的,並包括大量的網絡新功能。然而,這種衝動必須與網站運營的複雜現實相平衡。在我們的案例中,與升級後的Braze KK站點相關的緊湊時間線意味著將模板升級保持在最低限度,可以讓我們更快地移動並按時上線站點。我們了解到,構建每個新的語言環境都要最大限度地增加可以反映現有模板和頁麵的元素數量Braze.com這有助於為工作提供堅實的基礎,並使其更容易在區域級別上確定所需的新自定義功能,而不會將發布時間線置於風險之中。

  3. 涉眾的協議:遷移進行得如此順利的一個原因是,在項目開始時舉行了廣泛的會議,以設定該計劃期望實現的目標。通過從一開始就努力確保與Braze KK保持一致,我們能夠確保他們理解我們所使用的限製,並且我們理解他們必須擁有的頁麵和功能。這有助於防止在項目進展過程中發生範圍蔓延,使我們能夠推出一個完成它需要做的事情並在我們的發布截止日期前發布的網站。

成功之路是團隊合作鋪就的

最後,Braze KK網站更新項目隻用了三個多月的時間就完成了。我們在去年8月初召開了啟動會議,在8月底開始開發工作,經過兩個月的專注工作,更新後的網站於11月初上線。我不會說謊,我付出了很多努力,付出了很多耐心和細心才把它做好。第一次采取這樣的重大舉措是具有挑戰性的,事情並不總是按照你期望的方式進行。也就是說,我為其他利益相關者和我為實現這一切所做的工作感到非常自豪。

團隊合作使這一切成為可能,當我想到整個經曆時,這是我記憶中最深刻的團隊合作。與Tina和Uma以及Braze全球營銷團隊的其他人合作是一個很大的幫助。我永遠不會忘記與Braze KK團隊的密切合作,以及他們為日本觀眾提供的見解。與世界另一端有著完全不同觀點的團隊建立聯係——並保持這種聯係——確實是一種豐富的經曆。

在Braze,我們致力於營造一個環境,讓像Ashley這樣的人能夠充分發揮他們獨特的觀點和才能。你是那種想要突破界限,重新想象可能性的人嗎?查看我們的職業頁麵了解更多我們的空缺職位。


阿什利·貝爾德

阿什利·貝爾德

Ashley Baird是紐約Braze網站開發團隊的高級Web開發人員。在《龍與地下城》中,她可以嚐試死亡的命運,或者試圖與任何遇到的動物交朋友。

相關內容

擴展企業SaaS產品團隊

閱讀更多

來自黑客日的故事:Braze高級站點可靠性工程師Brian Bernstein和Matt DiSipio如何“脫軌”

閱讀更多

Braze如何在規模上利用Ruby

閱讀更多

來自黑客日的故事:Braze產品工程經理Derek Schultz如何解決了一個活動複製挑戰

閱讀更多