Leukocyte-Lab ─ 品牌官網設計與建置

專案期間

約 2 週（2024.09）

敏捷開發

盧氪賽忒股份有限公司

UI/UX 設計師

- Mockup（含 RWD
- Prototype
- 使用 No-Code 平台建置網站

Figma、Framer、Adobe Illustrator

舊版官網由展覽活動頁臨時改建而成， 內容與架構都停留在活動當下的需求，無法作為品牌官網的基礎延用。隨著拓展海外市場的規劃推進，公司決定重新建置官網。但時程只有兩週、素材分散、需求持續調整 — 這些都是執行時必須同步面對的現實。

這個專案由我與 Design Lead 兩人協作完成。Design Lead 規劃資訊架構後，我彙整管理層需求與散落的內容素材，將架構轉化為完整的視覺語言，並製作桌機與行動版的 Mockup 與 Prototype，最終以 Framer 獨立完成網站建置與上線。

舊版官網以純文字描述產品功能， 使用者難以具體理解產品能做什麼、能解決什麼問題， 也難以判斷是否符合自身需求。

舊版官網沒有經過系統性的資訊規劃， 內容停留在單次活動的框架內， 無法清楚傳達公司的產品定位與品牌形象。

*此為 2024.09 – 2025.12 的實際上線畫面。
後續因商業策略調整，現行官網改用 GitHub 模板快速改版（樣式同樣由我負責），本案例聚焦在第一版的設計與建置。

新版官網成功建立品牌對外的第一個完整展示入口， 在原本以人脈開發為主的獲客模式之外，透過網站內容直接傳遞產品價值。

選擇建置工具時，評估主要集中在價格與表面功能，未深入考量 SEO 支援與後續維運需求。 Framer 上線後，SEO 表現不如預期，新版官網曝光度持續受限。 往後在工具評估上，會在前期納入更多維度進行評估，再做最終決定。