Play video
Pause video

永昕
工程顧問

工程顧問企業形象官網

2024

永昕工程顧問 官網截圖
Scroll
專案類型 企業形象官網
開發時間 2024 年
主要技術 Filament, Laravel
網站連結 yongsin2020.com

專案概述

永昕工程顧問有限公司專注於安全監測、損害防阻、設計監造及專案管理等工程顧問服務,擁有豐富的公共工程與基礎設施專案經驗。

本次合作中,客戶提供完整的 UI 設計稿,我們負責將設計稿精準切版還原為網頁。網站涵蓋公司介紹、服務項目、團隊夥伴、工程實績、人才招募及聯絡我們等頁面,以清新專業的視覺風格展現品牌形象。

後端以 Filament 建構內容管理後台,讓客戶可自行維護工程實績案例、團隊成員、最新消息與人才招募等動態內容,無需仰賴工程師即可即時更新。

核心功能

01

設計稿切版

依照客戶提供的設計稿,精準切版還原首頁、服務項目、團隊夥伴、工程實績、人才招募、聯絡我們等多個頁面,確保視覺與設計一致

02

Filament 管理後台

以 Filament 建構後台管理系統,讓客戶可自行維護工程實績案例、團隊成員資訊、最新消息、人才招募等動態內容

03

響應式切版

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

04

工程實績輪播

首頁以卡片式輪播呈現安全監測、損害防阻、設計監造、專案管理等服務分類,搭配實景照片讓瀏覽者快速了解專業領域

技術細節

設計稿切版

客戶提供完整的 UI 設計稿,我們負責將畫面精準切版還原。包含首頁、關於我們、服務項目、團隊夥伴、工程實績、人才招募、聯絡我們等多個頁面,每個頁面都依照設計稿的視覺規範忠實呈現。

Filament 管理後台

後端採用 Filament 建構內容管理後台,讓客戶可自行編輯工程實績、團隊成員、最新消息等動態資料,無需工程師協助即可即時更新。

工程實績展示

首頁以卡片式輪播呈現安全監測、損害防阻、設計監造、專案管理等服務分類,每張卡片搭配實景照片與中英文標題,讓瀏覽者快速了解公司專業領域。

響應式切版

根據設計稿的桌面版與行動版需求,精準還原各斷點的版面佈局。全站採用響應式設計,確保從桌機到手機都能完美呈現。

使用技術

Backend

  • Filament 管理後台
  • Laravel Framework

Frontend

  • TailwindCSS 樣式
  • 響應式切版
  • 輪播元件

功能模組

  • 工程實績管理
  • 團隊成員管理
  • 人才招募管理

分工模式

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

CONTACT US

有類似需求?讓我們聊聊

不論是企業官網、工程實績展示或品牌形象網站,我們都能為您量身打造解決方案。

聯繫我們
前往官網