翔揚智慧正式上線全新官網

為什麼我們選擇重做官網

過去三年，翔揚智慧團隊把絕大多數心力放在客戶專案上，官網一直停留在簡單的一頁式簡介，僅能說明「我們是誰」。但我們從自己的業務流程裡，明確看到幾個痛點：

1. 沒有作品集頁面：潛在客戶無法事前了解我們擅長什麼、做過哪些產業。每次第一次接觸都要從頭說明，信任成本高。
2. 沒有技術內容沉澱：我們在 Next.js、Supabase、AI 自動化累積的實戰經驗，全都鎖在 Notion 與內部 Slack，對外沒有任何曝光，SEO 零貢獻。
3. 沒有後台管理：想更新一段文案、換一張圖，都得回到程式碼改 commit push，行銷同事無法自主維運。
4. 沒有結構化的諮詢表單：客戶用 Email 發需求，資訊散落、容易漏接。

簡單說，舊官網只能扮演「名片」，無法扮演「業務員」與「編輯部」。這次改版，我們要讓官網同時做好這三件事。

新官網有哪些新功能

此版本以 Phase 1-3 的節奏規劃並一次完整上線，涵蓋：

品牌門面（Phase 1）

• 首頁：Hero 區 + 服務總覽 + 精選案例 + 數據呈現 + 團隊簡介 + 聯絡 CTA
• 服務頁：網站設計、App 開發、AI 自動化、UI/UX 設計、維運服務五大服務線，每條服務線皆有詳情頁
• 關於我們：公司故事、團隊成員介紹
• 流程頁、方案頁、FAQ、聯絡表單：完整的行銷頁面覆蓋

作品集與內容行銷（Phase 2）

• 作品集系統：以 case 為單位，附標籤、產業別、服務類型、技術棧、成果數據（metrics），支援列表 + 詳情兩層頁面
• Blog 系統：四大分類（技術洞察、商業洞見、案例幕後、公司動態），Markdown 內文支援 GFM、程式碼語法高亮與 JSON-LD Article 結構化資料

多語系與 SEO（Phase 2）

• 繁體中文 + 英文雙語，採 /[locale]/... 路由、next-intl 驅動
• 每頁皆產出 hreflang 互指、canonical、Open Graph、結構化資料
• 動態 sitemap 涵蓋作品與文章

後台與運營（Phase 3）

• 管理後台：作品集 CRUD、Blog CRUD、諮詢名單檢視與狀態更新、媒體庫
• Cloudflare R2 媒體儲存：後台拖放上傳，經 presigned URL 直傳 R2
• 諮詢名單：聯絡表單送出後自動寫入資料庫並透過 Resend 寄出通知信
• 後台由翔揚團隊自行維運，不再需要工程師逐次介入

技術選擇摘要

我們用自己日常推薦給客戶的技術棧，打造自家官網：

• 前端：Next.js 16 App Router + React 19 + TypeScript（strict）+ Tailwind CSS
• BaaS：Supabase Auth + Postgres + RLS
• 媒體儲存：Cloudflare R2（bucket-based CDN，成本比雲端物件儲存更低）
• Email 通知：Resend
• 部署：Zeabur（Git push 自動部署）

為什麼選這套？下一篇〈為什麼我們選擇 Next.js + Supabase 作為主力技術棧〉會完整展開。

邀請你訂閱 Blog

從這個月開始，Blog 會定期更新我們在專案現場踩過的坑、做過的技術選型、以及對接案行業的觀察。四個分類：

• 技術洞察：Next.js、Supabase、AI 工作流的深度文章
• 商業洞見：接案公司的獲客、定價、交付觀點
• 案例幕後：專案從需求到上線的真實紀錄
• 公司動態：團隊重要里程碑

如果你是創業者、PM、或同為接案人，歡迎把這裡加入你的 RSS 或 bookmark。有任何想看的主題，也歡迎透過聯絡頁面告訴我們。

新官網只是起點，接下來才是真正的內容累積。