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