Play video
Pause video

軒宇
實業

分包機製造商企業官網

2024

軒宇實業 官網截圖
Scroll
專案類型企業形象官網
開發時間2024 年
主要技術Filament, Laravel
網站連結syep.com.tw

專案概述

軒宇實業股份有限公司是台灣專業的粉錠劑分包機製造商,產品線涵蓋多款自動分包機型號(SY-21A、SY-21P、SY-30A、SY-30P 等),服務藥局、醫療機構與相關產業。

本次合作中,客戶提供完整的 UI 設計稿,我們負責將設計稿精準切版還原為網頁。網站涵蓋首頁、公司簡介、產品分類、耗材配件、教學保養、交通位置、聯絡我們及人才招募等頁面,以深色科技風格展現品牌專業形象。

後端以 Filament 建構內容管理後台,讓客戶可自行維護產品資訊、耗材配件、教學影片與最新消息等動態內容,無需仰賴工程師即可即時更新。

核心功能

01

設計稿切版

依照客戶提供的設計稿,精準切版還原首頁、公司簡介、產品分類、耗材配件、教學保養、交通位置、聯絡我們等多個頁面

02

Filament 管理後台

以 Filament 建構後台管理系統,讓客戶可自行維護產品資訊、耗材配件、教學影片、最新消息等動態內容

03

產品分類展示

首頁以即時熱搜產品區塊呈現粉錠劑分包機系列,產品頁面按型號分類,每款產品附有詳細規格、圖片展示與相關耗材

04

教學保養專區

專設教學保養頁面,提供設備維護指南與操作教學,幫助客戶延長設備使用壽命、降低維修成本

技術細節

設計稿切版

客戶提供完整的 UI 設計稿,我們負責將畫面精準切版還原。包含首頁產品輪播、公司簡介、產品分類(依型號分頁)、耗材配件列表、教學保養專區、Google 地圖交通位置、聯絡表單與人才招募等頁面。

Filament 管理後台

後端採用 Filament 建構內容管理後台,讓客戶可自行新增/編輯產品型號、規格、圖片,以及管理耗材配件、教學影片、最新消息等內容。

產品展示系統

產品頁面依型號分類呈現,每款分包機附有詳細規格表、多角度產品圖片與相關耗材連結。首頁設置「即時熱搜產品」區塊,快速引導訪客至熱門機型。

教學保養專區

專設教學保養頁面,以圖文與影片方式提供設備日常維護指南與操作教學,提升售後服務品質,幫助客戶延長設備壽命。

使用技術

Backend

Frontend

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

功能模組

  • 產品分類管理
  • 耗材配件管理
  • 教學保養管理

分工模式

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

常見問題

為什麼這個專案是「切版」而不是從零設計?

軒宇實業已備妥完整的 UI 設計稿,我們的角色是將設計稿精準還原成可上線的網頁,並負責後端 Filament 管理後台開發。這種「客戶出設計稿、我方切版+後端」的分工模式,能讓已有品牌視覺規劃的客戶更有效率地上線,也確保還原度貼近原始設計。

像這樣涵蓋首頁、產品分類、耗材配件、教學保養等多頁面的製造業官網,開發要多久?

本專案於 2024 年完成,網站包含首頁、公司簡介、依型號分類的產品頁、耗材配件、教學保養專區、交通位置、聯絡我們與人才招募等多個頁面,並搭配 Filament 後台。這種頁面數量與後台管理功能兼具的企業官網,一般開發時程約 6–10 週,實際依頁面複雜度與後台欄位需求增減。

這套 Filament 產品管理後台,能套用在其他設備製造商或工業品牌官網嗎?

可以。核心是以 Filament 建構的產品型號管理、耗材配件管理與教學內容管理架構,這類「多型號產品 + 售後教學保養」的內容結構在工業設備、機械製造業非常常見,只需替換產品分類邏輯與欄位,就能延伸應用到其他製造商的型錄官網。

CONTACT US

有類似需求?讓我們聊聊

不論是企業官網、產品型錄網站或品牌形象頁面,我們都能為您量身打造解決方案。

聯繫我們
前往官網