客製化網站設計

英文 SaaS Landing Page

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

使用的技能專長

HTML5
CSS3
UI設計
RWD
JavaScript

・2026/07/17 更新

更多來自 Michael 的作品

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

從訪客送出詢價,到業務打得開名單的完整一條龍。概念示範作品,資料全為虛構。【客戶會遇到的問題】詢價散在信箱裡,誰處理到哪一步沒人知道,漏掉一封就是漏掉一筆生意。【完成的結果】訪客送出後,系統完成機器人防護與伺服器端驗證,建立詢價紀錄。業務端可依狀態篩選(未處理/報價中/已報價/已結案)、更新處理狀態、匯出 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/

客製化網站設計

Michael

5天前上線平均 8分鐘內回覆