Skip to content
All work
Case 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
Outcome highlights
  • 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
Context

Why this project existed

A scalable product structure supporting multiple business units, templates, third-party PSP concepts, components, and parameter-based configuration.
My role

What I owned

  • UIUX Lead
  • System UX
  • Design Guideline
  • Portal UX
  • Information Architecture
  • Cross-functional Collaboration
  • Frontend/Backend Collaboration
Challenge

What made it hard

  • 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
Process

How it came together

  1. 1Competitor and structure analysis
  2. 2Designed portal IA and standard-demo logic
  3. 3Defined component and template direction
  4. 4Designed PSP and parameter behavior
  5. 5Cross-region collaboration with frontend, backend, and sales
  6. 6Produced design guidelines and implementation-ready direction
Design decisions

The thinking behind it

Designed a structure that works as both a standard demo and a reusable foundation — flexible for future needs, clear enough to build.
Final design

Selected views

Abstract representations — original mockups, not client screenshots.

Outcome / impact

What changed

  • A more scalable portal UIUX foundation for product communication
  • Clearer path for implementation and future extension
Reflection

What I took away

Product design here was not only about screens, but system structure, team alignment, and long-term scalability.
Back to all work