跳至主要內容
案例研究

Crm 系列設計

客戶SaaS / 企業內部工具(可公開原型)

針對登入、權限、清單、表單與流程引導設計的 CRM 原型系列,聚焦資訊架構與操作動線。

原型版本

4+ 模組

部署

Vercel 即時預覽

聚焦

IA + UX 動線

挑戰

多版本 CRM 需求並存,登入/權限/清單/表單模組需一致語言卻又能快速迭代不同情境。

解法

建立元件化 IA 與任務導向流程,以可重用列表/表單骨架支援權限與狀態變化,並部署可互動原型供利害關係人驗證。

重點成果

No highlights listed.

CRM 設計系列

截圖

CRM Web 01 CRM Content 01 CRM Web 02 CRM Content 02

Tags: vibe coding, VanillaJS, Next.js, Vercel, UI/UX Design

目的與範疇

針對不同情境設計多版 CRM 原型,涵蓋登入/權限、清單檢索、表單編輯、流程引導等常見功能模組,強調資訊架構與操作動線的清晰性。

設計重點

  • 一致的設計語言與元件系統
  • 以任務為導向的頁面與操作流
  • 可擴充的列表/表單架構,支援權限與狀態變化

技術棧

  • 前端:VanillaJS、Next.js
  • 佈署:Vercel
  • 設計:UI/UX 設計、元件化思維

相關連結

預約諮詢

想進一步討論這個主題或類似專案?預約一次 30 分鐘對談。

預約諮詢