行銷科技企業官網
2024
AviviD（禾多移動）是台灣很大的第一方數據公司，整合媒體、電信、發票、零售等多元數據源，提供 AI 驅動的精準行銷解決方案。客戶在業界已有成熟的產品線與品牌識別。
本次合作中，客戶提供完整的 UI 設計稿，我們負責將設計稿精準切版還原為網頁。網站需支援繁體中文、英文、印尼文、越南文、日文共五種語言，涵蓋解決方案、產品服務、資源文章、公司介紹等多個頁面。
後端我們以 Filament 建構多語系內容管理後台，讓客戶的行銷團隊可自行維護各語系的網站內容，無需仰賴工程師即可即時更新。
前端支援 Dark / Light 雙主題切換，使用者可依偏好或系統設定自動適配，所有頁面元素皆針對兩種模式進行配色調整，確保閱讀舒適度
以 Filament 建構多語系內容管理後台，讓客戶的行銷團隊可自行維護各語系的頁面內容、最新消息、解決方案等資料
根據客戶提供的桌面版與行動版設計稿，精準還原各斷點的版面佈局，確保從大螢幕到手機都有良好的瀏覽體驗
依設計稿需求實作滾動動畫、動態數字計數器、多組輪播等互動效果，忠實呈現客戶期望的視覺體驗
客戶提供完整的 UI 設計稿，我們負責將畫面精準切版還原。包含首頁、解決方案、產品服務、資源文章、公司介紹等多個頁面，每個頁面都依照設計稿的視覺規範忠實呈現。
後端採用 Filament 建構多語系內容管理後台，讓客戶的行銷團隊可自行編輯五種語言的頁面內容、最新消息、解決方案等資料，無需工程師協助即可即時更新。
前端支援 Dark / Light 雙主題切換，使用者可依偏好或系統設定自動適配。所有頁面元素皆針對兩種模式進行配色調整，確保不同環境下的閱讀舒適度。
依照設計稿需求實作各種前端互動效果，包含滾動觸發動畫、動態數字計數器、多組輪播元件等。全站採用響應式切版，從桌面到手機都依設計稿的斷點精準還原。
AviviD 在業界已有成熟的品牌識別與 UI 設計團隊，設計稿已定案，需要的是能精準還原視覺、並串接可維運後台的開發團隊。這種分工能讓客戶的設計語言完整保留，同時我們專注在切版精準度、互動效果實作與 Filament 後台架構，是設計已到位的企業客戶常見的合作模式。
後端以 Filament 建構多語系內容管理後台，繁中、英文、印尼文、越南文、日文五種語言的頁面內容、最新消息、解決方案資料，行銷團隊都能直接在後台編輯與發布，不需要每次改字都找工程師調整程式碼或重新部署。
本專案於 2024 年完成，涵蓋解決方案、產品服務、資源文章、公司介紹等多個頁面的五語系切版，加上 Filament 多語系後台與黑夜白晝模式等互動效果。這類已有完整設計稿、且頁面數量中等的企業官網，開發時程一般落在 6–10 週，實際天數依語系數量與互動效果複雜度而定。
