英文 SaaS Landing Page

為虛構的專注 App 製作的英文 SaaS 形象頁。概念示範作品,不對應任何實際產品。 【包含】 ・純 CSS / SVG 繪製,零外部圖片依賴,載入快 ・載入時動效 + 捲動揭露 ・內容不依賴 JS 才顯示 —— JS 掛掉頁面照樣完整可讀 ・響應式,手機到桌機一致 【可以直接打開看】 https://demo-saas.our-stages.cc/

企業詢價管理流程(全端)

從訪客送出詢價,到業務打得開名單的完整一條龍。概念示範作品,資料全為虛構。 【客戶會遇到的問題】 詢價散在信箱裡,誰處理到哪一步沒人知道,漏掉一封就是漏掉一筆生意。 【完成的結果】 訪客送出後,系統完成機器人防護與伺服器端驗證,建立詢價紀錄。業務端可依狀態篩選(未處理/報價中/已報價/已結案)、更新處理狀態、匯出 CSV。 【歡迎實際操作】 表單可以直接填來測試(資料全假,24 小時自動清除): https://demo-b2b.our-stages.cc/zh/contact 管理頁通行碼已預先填好,直接按登入: https://demo-b2b.our-stages.cc/admin

中英雙語企業官網 + CMS

為虛構的 CNC 精密加工廠製作的中英文企業官網,中英合計 18 頁。這是概念示範作品,不對應任何實際公司。 【客戶會遇到的問題】 製造業官網最麻煩的不是版面,是內容會一直長:多一個製程、多一則消息、多一張認證,每次都回頭找工程師改程式,時間和費用都卡住。 【怎麼解】 版面由可重用的內容模型產生,產品、製程與最新消息透過 CMS 維護。客戶自己就能改字、換圖、發布,不需要動到任何程式碼。中英並排編輯,避免發布只翻譯一半的頁面;具備草稿狀態與發布預覽,只有「已發布」的內容會上線,未完成的編輯不會外洩。 【包含】 ・9 種頁型 × 中英 = 18 頁,響應式(手機/平板/桌機) ・加工服務分類、製程規格詳情、公司沿革、設備認證、最新消息、詢價聯絡 ・CMS 內容管理(客戶自行維護,附操作說明) ・SEO:canonical、hreflang 雙語對應、sitemap、社群分享預覽卡 ・全站無外部圖片依賴,技術製圖為純 SVG,載入快 ・部署於 Cloudflare Pages 【可以直接打開看】 https://demo-b2b.our-stages.cc/zh/ 英文版:https://demo-b2b.our-stages.cc/