角色|獨立完成(從 0 到 1) 時程|約一個月完成上線,另預留一個月供業務 review 成果|如期支援海外參展;半年後的正式改版仍延續此版的內容架構與溝通邏輯
關鍵能力: 國際市場進入 ・ 受眾定義 ・ 產品敘事 ・ 英文內容
一句話摘要
為支援日本參展,在一個月內獨立完成 B2B 國際官網——從產品理解、受眾定義、資訊架構、英文敘事到 WordPress 上線,再預留一個月給業務 review。半年後由外部團隊執行的正式改版,仍沿用這一版建立的內容架構與商務溝通邏輯。
專案背景
這個專案起於一次海外參展需求。
當時公司即將前往日本參展,需要在短時間內準備一個能對外展示的英文官網,讓國際客戶可以快速理解品牌、產品方向與合作可能性。
在專案開始時,內部已經有產品技術與業務方向,但還沒有形成完整的國際官網內容。產品資訊分散在內部說明、業務需求與過往合作經驗中,需要有人先理解,再轉成可以對外溝通的網站內容。
這個網站從一開始就帶有明確任務:支援展會現場的商務溝通,也讓海外客戶在會後仍能透過網站理解公司具備的技術能力與合作潛力。
我選擇先在約一個月內完成可上線版本,讓業務團隊仍有約一個月可以 review、提出調整,並把網站內容對齊實際展會溝通需求。
先定義受眾,再動手做頁面
我把這個網站定位成海外 B2B 客戶的第一個理解入口。在動手做任何頁面之前,我先回答五個問題:
- 這個網站主要給誰看?
- 展會現場最需要被快速說清楚的是什麼?
- 哪些資訊可以建立國際客戶的信任?
- 哪些內容能支援業務後續接洽?
- 網站整體應該呈現什麼樣的品牌感?
展會現場的溝通時間有限,網站需要快速回答幾件事:品牌是誰、產品具備哪些能力、技術是否可信,以及潛在客戶可以如何合作。
所以我把內容順序安排成從品牌與產品方向開始,再接到技術能力、應用情境與合作入口。英文文案則盡量避開過度技術化的說法,讓國際 B2B 客戶可以先掌握產品價值,再進一步理解技術細節。
我負責的工作
這個網站從 0 到 1,主要由我獨立完成:
- 策略——理解產品定位與技術特性,定義網站受眾與展會溝通重點
- 內容——規劃資訊架構與頁面順序,撰寫英文文案(以 AI 協作完成,內容方向與語氣由我定義)
- 實作——WordPress 建置、品牌視覺延伸、AI 圖像與動畫素材製作、排版與 CTA 調整
這個專案需要同時處理策略、內容、品牌應用與實作。從前期理解產品,到後期把網站做出來,中間的每一步都需要自行判斷優先順序,並讓成果能在期限內真正被使用。
核心挑戰
這個專案的壓力來自兩個地方:時間短,以及前期資訊尚未完整成形。
當時沒有成熟的國際官網架構可以沿用,也沒有完整的內容 brief。產品本身又屬於技術型解決方案,如果只是把內部資料直接翻成英文,網站會很難被海外客戶快速理解。
我不需要等到所有需求都被完整寫成 brief 才開始執行。只要有產品方向、商業目標與明確期限,我就能先建立理解、拆出架構、補上內容、做出版本,並讓專案真的往前走。
品牌視覺應用與素材製作
這個網站的視覺方向,是依據既有品牌 guideline 延伸而來。
我不是專職設計師,但在這個專案中,我需要把既有品牌識別實際應用到完整網站頁面裡。
很多時候,brand guideline 看起來清楚,但真正落到網頁上,仍然很容易走鐘——顏色可能用對了,整體質感卻不對;元素都有放進去,頁面卻不像同一個品牌。
所以我在製作時,特別注意幾件事:
- 讓頁面延續既有品牌識別,而不是另起一套風格
- 控制視覺元素的使用比例,避免過度裝飾
- 讓科技感圖像服務內容,而不是搶走閱讀重點
- 透過留白與區塊節奏,讓複雜資訊比較容易被閱讀
我也使用 AI 工具協助生成部分圖像與動畫素材,縮短製作時間。後續再依照品牌語氣與頁面需求進行篩選與調整,讓素材能自然融入網站,而不是只停留在裝飾效果。
這個經驗也讓我更確定,視覺應用不只是「照著 guideline 做」,而是要能理解品牌原本的設計邏輯,並在新的媒介裡穩定延伸。
後續發展
這版網站在約一個月內完成並上線,支援海外展會使用。
大約半年後,因為正式網站需要支援多語系與後續營運需求,公司由其他團隊成員負責與外部廠商合作進行改版。新版網站由外部團隊重新設計與製作,但仍延續了這版網站建立的基礎,包括:
- B2B 導向的溝通方向
- 英文文案與主要內容架構
- 合作入口與商務溝通邏輯
- 既有品牌視覺在網站上的應用方式
- AI 圖像與科技感素材的使用方向
一個由外部專業團隊執行的改版,最後選擇延續這一版的架構與溝通邏輯——這是這個專案最好的驗收。
成果與價值
- 在約一個月內完成並上線 B2B 國際官網,展會前預留一個月供業務 review 與對外準備
- 從 0 到 1 建立網站架構,把內部產品資訊轉成可對外溝通的英文內容
- 回應海外業務需求,強化品牌可信度與技術形象
- 在設計資源有限的情況下,依既有 brand guideline 延伸出完整網站視覺
- 後續多語系正式網站改版延續此版本的內容與視覺基礎
可複用的方法
這個專案讓我更確定,我的核心能力不只在於文案或網站製作,而是在模糊情境中快速理解問題,再把它變成可使用的成果。
這中間需要的不只是執行力,也包含判斷力:
- 哪些資訊要優先呈現?
- 哪些內容可以建立信任?
- 哪些說法能支援業務溝通?
- 品牌視覺應該如何穩定延伸?
- 在有限時間內,哪些事情必須完成,哪些可以留到後續迭代?
這些判斷讓網站在短時間內從無到有,也讓後續外部改版有明確基礎可以接續。