02 // 高端電商與數位產品介面設計02 // E-COMMERCE & DIGITAL PRODUCT UI/UX
好的設計
是沉默的銷售員。
Good design is
the silent salesperson.
打造超越美觀的數位商業介面——每一個按鈕、每一次滑動，都在默默提高您的轉化率。從電商平台到 SaaS 產品，用設計語言說服使用者完成購買。 Building digital commerce interfaces that go beyond beauty — every button, every scroll silently lifting your conversion rate. From e-commerce to SaaS, design that persuades.
SELECTED WORKS // 精選電商 UI/UX 設計作品
PLUME BAKERY — 精品烘焙電商 UI
E-COMMERCE / MOBILE APP / UI SYSTEM
PAWSOME MARKET — 寵物電商平台
WEB UI / FILTER SYSTEM / CART DESIGN
LINEN & CO — 精品家居電商
SHOPIFY UI / PRODUCT GRID / FILTER
BLADE & CRAFT — 男士美容品牌
DARK UI / LOYALTY SYSTEM / RESPONSIVE
05 // DESIGN IMPACT
設計，
是最好的
行銷工具Design is
the best
marketing tool
是最好的
行銷工具Design is
the best
marketing tool
平均為客戶提升 37% 的介面轉化率，用視覺說服使用者。Average 37% interface conversion lift. Let visuals do the persuading.
05
VIVID — 街頭時尚電商創意排版
EDITORIAL WEB / ASYMMETRIC GRID / BOLD UI
SERVICES // 服務項目
電商與數位產品設計全覽E-Commerce & Digital Product Design Services
從使用者研究到前端切版，提供以轉化率為核心的完整 UI/UX 設計服務。From user research to frontend handoff, complete UI/UX services built around conversion performance.
使用者體驗研究UX Research
用戶訪談、競品分析、Heatmap 熱圖解讀，找出您產品的轉化率瓶頸。User interviews, competitive analysis, heatmap interpretation — identify conversion bottlenecks in your product.
介面視覺設計UI Visual Design
高保真 Figma 設計稿，包含完整 Design Tokens、組件庫、響應式佈局規範。High-fidelity Figma designs with complete Design Tokens, component library, and responsive layout specs.
互動原型設計Interaction Prototyping
可互動 Figma/Framer 原型，含微互動動畫設計，讓使用者測試在開發前完成。Interactive Figma/Framer prototypes with micro-interaction design — user testing before development begins.
電商平台設計E-Commerce Platform Design
Shopify / WooCommerce 客製化主題設計，針對產品展示、購物車、結帳流程深度優化。Custom Shopify/WooCommerce theme design, deeply optimized for product display, cart, and checkout flow.
SaaS 產品設計SaaS Product Design
Dashboard、資料視覺化、複雜功能模組設計，兼顧美觀與資訊密度的精準平衡。Dashboard, data visualization, and complex module design — balancing aesthetics and information density.
設計系統建立Design System Creation
完整組件庫 + Storybook 文件化，讓設計與開發團隊永遠說同一種語言。Full component library + Storybook documentation, so design and engineering always speak the same language.
PROCESS // 合作流程
四步驟，精準交付Four Steps, Precision Delivery
01
健診評估Audit
免費 30 分鐘 UI/UX 健診通話，分析您的產品現況與轉化率瓶頸。Free 30-min UI/UX audit call to analyze your product's current state and conversion bottlenecks.
02
線框規劃Wireframe
低保真線框圖確認頁面結構、資訊層級與使用者流程，避免後期高成本修改。Low-fidelity wireframes to confirm page structure, information hierarchy, and user flows before high-fidelity design.
03
視覺精修UI Design
高保真視覺稿設計，含完整 Design System，2 輪修改直到完美。High-fidelity visual design with complete Design System, 2 revision rounds until perfect.
04
切版交付Handoff
Figma 完整標注 + 前端切版（選配），確保設計 100% 還原於實際產品。Figma full annotation + frontend implementation (optional), ensuring 100% design fidelity in the final product.
PRICING // 報價參考
透明化報價區間Transparent Pricing Ranges
實際報價依據需求複雜度而定，歡迎洽詢。以下為市場參考區間。Actual pricing varies by project complexity. Contact for a custom quote. Below are market reference ranges.
STARTER
Landing Page 設計Landing Page Design
NT$ 18,000 起
~7 工作日 / 7 business days
- 單頁高轉化率 Landing PageSingle high-conversion landing page
- 桌機 + 手機響應式設計Desktop + mobile responsive design
- Figma 完整設計稿Complete Figma design files
- 前端切版（選配 +NT$8,000）Frontend dev (optional +NT$8,000)
PROFESSIONAL // 最受歡迎
完整電商 UI/UX 設計Full E-Commerce UI/UX
NT$ 45,000 起
~21 工作日 / 21 business days
- 完整電商 UX 流程設計Complete e-commerce UX flow design
- 高保真 UI 設計稿（10-20 頁）High-fidelity UI designs (10-20 pages)
- 互動原型 + 組件庫Interactive prototype + component library
- 響應式設計（桌機/平板/手機）Responsive design (desktop/tablet/mobile)
- Figma 開發交付規範Figma developer handoff specs
ENTERPRISE
數位產品設計系統Digital Product Design System
NT$ 90,000 起
依專案規模洽詢Quote based on project scope
- 用戶研究 + Persona 建立User research + persona development
- 完整 Design System 建立Complete Design System creation
- 30+ 頁面完整設計30+ page complete design
- 前端開發協作 + A/B 測試建議Frontend dev collaboration + A/B testing strategy
FAQ // 常見問題
您可能想知道Frequently Asked Questions
您使用哪些設計工具？交付格式為何？What design tools do you use? What are the deliverable formats?+
主要使用 Figma 進行 UI/UX 設計，交付完整 Figma 設計稿（含 Dev Mode 標注）、設計 Token 定義檔，以及互動原型連結。Primary tool is Figma for UI/UX design. Deliverables include complete Figma files (with Dev Mode annotations), design token definitions, and interactive prototype links.
你們提供前端開發服務嗎？Do you offer frontend development services?+
是的，提供 HTML/CSS/JS 的前端切版服務（選配），也可整合 Shopify 主題客製化。如需完整全端開發，可另外洽談合作方案。Yes, HTML/CSS/JS frontend implementation is available as an add-on, including Shopify theme customization. For full-stack development, additional collaboration arrangements can be discussed.
修改次數有限制嗎？Are there revision limits?+
每個專案包含 2 輪完整修改。超出後以合理時薪另計。充分的前期線框圖確認讓修改次數通常控制在範圍內。Each project includes 2 complete revision rounds. Additional revisions billed at an hourly rate. Thorough wireframe reviews keep revisions within scope.
付款方式與時程安排？What are the payment terms?+
專案確認後收取 50% 訂金，完稿交付後付清尾款。接受信用卡付款、銀行轉帳、公司請款（需統編）。50% deposit upon project confirmation, balance upon final delivery. Accepts credit card, bank transfer, and corporate billing (with business registration number).