威世科技 1997 年成立，專注 PCB（印刷電路板）自動化設備的研發與製造，台灣總公司在桃園平鎮，並在深圳、昆山設有據點。產品從放收板機、暫存、檢測到清潔設備，Robot 放收板機更與 FANUC 技術合作。
這樣一家設備商，原本的官網卻停留在早期的「切圖式」網頁：文字大多做在圖片裡，手機上不好看，搜尋引擎也讀不到。這次改版，我們把它重新做成一頁式的響應式企業官網，內容資料到齊後 7 天上線。
專案資訊
| 網站類型 | 一頁式企業形象官網（響應式設計） |
|---|
| 正式上線 | 2026 年 10 月 20 日 |
|---|
| 製作時程 | 7 天（從內容資料完整提供後開始計算） |
|---|
| 費用 | 一頁式製作費 36,000 元＋空間維護費 6,000 元（每年），首年合計 42,000 元（成交價） |
|---|
一頁式網站適合哪些企業、費用與時程怎麼抓，另外整理在一頁式網站要多少錢、多久能上線？
一、舊官網的問題：內容都在圖片裡
威世科技的舊官網是早期常見的做法：設計師把整個版面畫成圖片，再切成一塊一塊放上網頁。這種做法在當年很普遍，但放到今天會出現兩個問題：
- 手機上不好看：版面固定在電腦螢幕的寬度，用手機打開只能縮小、左右拖著看。
- 搜尋引擎讀不到：公司介紹、設備特色這些重要的文字都做在圖片裡，搜尋引擎看到的只是一張張圖片，讀不到內容，也就很難被搜尋到。
對 B2B 設備商來說，官網常常是客戶查證廠商的第一站。內容讀不到、手機打不開，等於把專業形象擋在門外。
二、為什麼選一頁式網站
威世科技的產品線很明確，網站要做的事也很清楚：讓第一次來的客戶，快速了解這是一家什麼樣的公司、能做什麼設備、在哪裡找得到。
這種需求很適合一頁式網站。所有內容放在同一頁，點選主選單會平滑捲動到對應的段落，訪客不必換頁，就能從公司介紹一路看到產品、廠區與聯絡方式。
三、網站架構：一頁看完一家設備商
| 段落 | 內容 |
|---|
| 頁首選單 | 品牌 Logo、主選單、語言切換、手機版選單 |
| 主視覺 | 三張輪播：品牌定位、Robot 放收板機（FANUC 合作）、兩岸服務據點 |
| 最新消息 | 媒體報導、展覽、活動與產品訊息 |
| 關於我們 | 公司理念，圖文交錯的版面 |
| 核心能力 | 放收板、檢測、客製化、清潔與暫存四項能力 |
| 產品介紹 | 主打產品，加上可左右滑動的產品卡 |
| 廠區實景 | 拼貼相簿：台灣總公司、華南、華東、研發中心、組裝測試 |
| 頁尾 | 聯絡橫幅、社群連結、地址與電話 |
順序是照客戶認識一家設備商的思路安排的：先知道你是誰，再看你的能力與產品，最後用廠區實景建立信任，然後找到聯絡方式。
四、視覺設計：讓設備商看起來像科技公司
PCB 自動化是高科技產業，網站的視覺也要傳達這種感覺。主視覺用深色調，搭配緩慢漂移、閃爍的粒子背景，呼應自動化與科技的形象。
主視覺輪播
- 背景緩慢推近：每張背景圖會從略為放大的狀態，慢慢縮回原尺寸，靜態照片也有電影般的動態感。
- 文字依序進場：小標、大標題、說明文字、按鈕，一段接一段由下往上淡入。
- 看得到進度的指示條：目前播放的那一張，指示條會逐漸填滿，訪客一看就知道下一張什麼時候切換。滑鼠移到主視覺上時會暫停，讓人有時間把文字看完。
可以直接放影片
主視覺、關於我們、產品、廠區實景、最新消息等段落，都可以在後台直接上傳影片取代圖片。設備動起來的樣子，往往比照片更有說服力。
影片只在捲到畫面裡時才播放，捲出去就暫停；沒有上傳影片的段落則自動顯示圖片，不會出現黑畫面。
五、內容搬家：把圖片裡的文字變成真正的文字
舊網站改版，設計只是一半，另一半是內容。
舊網站的文字都做在圖片裡，沒辦法直接複製。我們從舊站逐頁整理出公司沿革、據點、設備特色與活動消息，改寫成適合新版面的文字，再填進後台。舊資料裡的「桃園縣平鎮市」，也一併更新為現行的行政區名稱「桃園市平鎮區」。
文字變成真正的網頁文字之後，搜尋引擎就讀得到、也收錄得到。這是舊網站改版時最容易被忽略、卻最有價值的一步。改版的完整流程可以參考網站改版的流程跟新建有什麼不同？
六、客戶自己就能更新內容
首頁的每一個段落都能在後台編輯：文字、圖片、影片、連結、按鈕文字，都不必請工程師改程式。每個項目也可以單獨啟用、停用或調整順序。
內容和版型是分開管理的，所以日後就算要換一套設計，既有的內容也能延續使用。原理見版型與內容的分離：為什麼改版不用重打內容。
七、手機版
網站依螢幕寬度分段調整版面。在手機上，廠區相簿會改成單欄排列，產品卡改成手指左右滑動，主選單則收進可展開的選單裡，在小螢幕上也能順暢瀏覽。
目前網站為繁體中文版，版面已內建語言切換選單，日後可依需求擴充英文或日文版本。
你的官網，也還停留在圖片裡嗎？
不少製造業的官網，已經很多年沒有改版。如果你的網站也有內容做在圖片裡、手機上不好看、找不到人更新的問題，我們可以協助你把舊網站的內容整理出來，重新做成搜尋引擎讀得到、手機上好看、自己就能更新的官網。
歡迎參考我們的舊網站救援改版與網頁設計服務，或直接與我們聊聊。
