所有作品
案例 03
Portal UIUX V2 / Web Portal Standard Demo
Led UIUX structure for a scalable web portal standard demo — design guidelines, components, templates, PSP-related logic, multi-BU structures, and parameter-based product behavior.
B2B PortalB2B2CDesign SystemComponentsTemplatePSPMulti-BUParameters
- A more scalable portal UIUX foundation for product communication
- Clearer path for implementation and future extension
- Product type
- B2B portal standard demo & design system
- Platform
- Web (desktop)
- Timeline
- 2021–2026 · multi-phase product stream
- Role
- UIUX Lead, system UX, design guideline
- Team
- Designer, PM, cross-region frontend + backend + sales
- Tools
- Figma, FigJam
為什麼這個專案存在
A scalable product structure supporting multiple business units, templates, third-party PSP concepts, components, and parameter-based configuration.
我負責的部分
- UIUX Lead
- System UX
- Design Guideline
- Portal UX
- Information Architecture
- Cross-functional Collaboration
- Frontend/Backend Collaboration
困難之處
- Supporting multiple BUs with configurable parameters
- Multiple teams across Taiwan, Indonesia, and France
- Needed to be scalable and practical for implementation
- Had to work as both a standard demo and a real product extension
- Needed clearer component and template rules
如何完成
- 1Competitor and structure analysis
- 2Designed portal IA and standard-demo logic
- 3Defined component and template direction
- 4Designed PSP and parameter behavior
- 5Cross-region collaboration with frontend, backend, and sales
- 6Produced design guidelines and implementation-ready direction
背後的思考
Designed a structure that works as both a standard demo and a reusable foundation — flexible for future needs, clear enough to build.
精選視覺
抽象示意圖——原創 mockup，非客戶截圖。
改變了什麼
- A more scalable portal UIUX foundation for product communication
- Clearer path for implementation and future extension
我的收穫
Product design here was not only about screens, but system structure, team alignment, and long-term scalability.