01適合：公司 · 工作室 · 個人品牌
企業形象網站
把一間公司散落在各處的介紹，整理成別人三十秒就看得懂的樣子。
- 類型
- 對外的公司網站
- 我們負責
- 內容整理 · 視覺設計 · 開發上線
- 價格
- NT$4,999 起
- 狀態
- 已上線
01
原本卡在哪
做這個案子之前，對方每天遇到的狀況。
大部分公司其實不缺資料，缺的是「怎麼講」。介紹散在簡報、名片、LINE 訊息和一個好幾年沒動過的舊網站裡，每個地方寫的還不太一樣。
而客戶真正想知道的通常只有三件事：你們是誰、做什麼、怎麼找到你。這三件事常常被埋在一大堆內容底下。
這類網站的使用情境很單純：多半是手機打開、快速瀏覽、找聯絡方式。所以我們從手機版開始設計，桌機版是後面才展開的。
內容更新頻率不高，但每次要改都不該卡在工程師身上，這件事在一開始就必須先想清楚。
02
現在變成怎樣
做完之後，實際上有什麼不一樣。
- 整站重新規劃成幾個清楚的段落，每一段只負責回答一個問題，不再互相重疊。
- 手機版不是桌機版壓縮，導覽、間距與圖片比例都重新調整過。
- 聯絡方式直接使用 Email，不強迫訪客填一張他們還沒準備好的表單。
03
做得到的事
交出去的東西實際包含哪些功能。
RWD 響應式
從 375px 到大螢幕都重新檢查過版面，不是等比例縮放。
資訊架構重整
把原本分散的內容收斂成幾個明確段落，減少重複敘述。
Email 聯絡
使用 mailto 直接開啟訪客自己的信箱，少一層不必要的表單。
基礎 SEO
title、description、OG、sitemap 與結構化資料一次處理完。
Vercel 部署
推上 Git 就會自動部署，要回到上一版也只是點一下。
04
我們怎麼做的
想知道過程再看，趕時間可以跳過。
- 01
先把現有內容全部攤開
把簡報、型錄、舊網站的文字全部倒出來，會發現重複的段落比想像中多，真正需要保留的其實不到一半。
- 02
重新決定閱讀順序
不是照公司內部的組織架構排，而是照訪客的疑問順序排：這是什麼、可以幫我什麼、憑什麼相信、怎麼聯絡。
- 03
用排版而不是裝飾建立質感
在沒有大量攝影素材的情況下，靠字級層次、留白與版面節奏撐住畫面，比硬塞圖庫照片耐看得多。
- 04
交付時一起處理後續維護
哪些內容會經常改、要怎麼改、改完怎麼上線，都寫進交付文件，而不是口頭交代一次就算。
05
技術上注意了什麼
不懂技術可以跳過，這段是寫給會問的人。
- 整站以靜態產生為主，沒有必要的 JavaScript 就不送到瀏覽器。
- 圖片統一走 responsive sizes 與 lazy load，只有首屏需要的才 preload。
- 字體載入使用 display: swap，避免文字在載入期間整段消失。
- 版面在開發階段就用固定比例的容器卡住，避免圖片載入後造成位移。
06更多畫面
07
如果你也要做類似的
這個案子做完之後，我們會建議你先想清楚的事。
- 先想清楚「客戶想知道什麼」，再想「公司想說什麼」。兩邊排在一起，該刪什麼會很明顯。
- 上線不是結束。決定網站會不會被荒廢的，是你自己好不好改內容 —— 這件事要在報價階段就講。
想做類似的？
講一下你現在怎麼做、哪裡最卡就可以。我們會回你這值不值得做、大概多少錢、多久。
這個案子：NT$4,999 起
