Play video
Pause video

AviviD
禾多移動

行銷科技企業官網

2024

AviviD 禾多移動 官網截圖
Scroll
專案類型 企業形象官網
開發時間 2024 年
主要技術 Filament, Laravel
網站連結 avividai.com
前往前台

專案概述

AviviD(禾多移動)是台灣很大的第一方數據公司,整合媒體、電信、發票、零售等多元數據源,提供 AI 驅動的精準行銷解決方案。客戶在業界已有成熟的產品線與品牌識別。

本次合作中,客戶提供完整的 UI 設計稿,我們負責將設計稿精準切版還原為網頁。網站需支援繁體中文、英文、印尼文、越南文、日文共五種語言,涵蓋解決方案、產品服務、資源文章、公司介紹等多個頁面。

後端我們以 Filament 建構多語系內容管理後台,讓客戶的行銷團隊可自行維護各語系的網站內容,無需仰賴工程師即可即時更新。

核心功能

01

黑夜白晝模式

前端支援 Dark / Light 雙主題切換,使用者可依偏好或系統設定自動適配,所有頁面元素皆針對兩種模式進行配色調整,確保閱讀舒適度

02

Filament 管理後台

以 Filament 建構多語系內容管理後台,讓客戶的行銷團隊可自行維護各語系的頁面內容、最新消息、解決方案等資料

03

響應式切版

根據客戶提供的桌面版與行動版設計稿,精準還原各斷點的版面佈局,確保從大螢幕到手機都有良好的瀏覽體驗

04

互動效果實作

依設計稿需求實作滾動動畫、動態數字計數器、多組輪播等互動效果,忠實呈現客戶期望的視覺體驗

技術細節

設計稿切版

客戶提供完整的 UI 設計稿,我們負責將畫面精準切版還原。包含首頁、解決方案、產品服務、資源文章、公司介紹等多個頁面,每個頁面都依照設計稿的視覺規範忠實呈現。

Filament 管理後台

後端採用 Filament 建構多語系內容管理後台,讓客戶的行銷團隊可自行編輯五種語言的頁面內容、最新消息、解決方案等資料,無需工程師協助即可即時更新。

黑夜白晝模式

前端支援 Dark / Light 雙主題切換,使用者可依偏好或系統設定自動適配。所有頁面元素皆針對兩種模式進行配色調整,確保不同環境下的閱讀舒適度。

互動效果實作

依照設計稿需求實作各種前端互動效果,包含滾動觸發動畫、動態數字計數器、多組輪播元件等。全站採用響應式切版,從桌面到手機都依設計稿的斷點精準還原。

使用技術

Backend

  • Filament 管理後台
  • Laravel Framework

Frontend

  • TailwindCSS 樣式
  • Dark / Light 模式
  • 響應式切版

互動效果

  • 滾動觸發動畫
  • 動態數字計數器
  • 輪播元件

分工模式

  • 客戶提供 UI 設計稿
  • 我方負責切版與後端

CONTACT US

有類似需求?讓我們聊聊

不論是企業官網、多語系網站或數據展示頁面,我們都能為您量身打造解決方案。

聯繫我們