Content Contribution Portal Redesign
⭐ Overview
Redesigned an internal knowledge-sharing portal to address low contributor engagement and outdated, uninspiring UI.
🧩 The Problem
Content authors rarely updated pages due to lack of ownership, poor visual design, and limited tools for creating appealing content.
🎯 The Goal
Increase contributor activity and improve the quality of published content.
🛠 The Solution
Introduced:
- Modern, visually appealing templates
- Clear content hierarchy
- Professional, aesthetic layouts
Shifting contribution from a chore to a source of professional expression.
📈 Outcome
Content submissions increased by ~40%, with contributors reporting higher satisfaction and willingness to publish.
Product Master
Redesigned Order Processing
Redesigned Fulfillment Portal
TIBCO - Enterprise Commerce & Fulfillment Systems
User problem
Enterprise teams managed product configuration and order submission through spreadsheets and large forms.
Errors introduced early would show up later in fulfillment and billing, creating revenue risk and operational issues.
Constraints
- Highly structured, rules-driven systems
- Errors only visible late in the workflow
- Large input surfaces (~80+ fields)
- Users optimizing for speed under deadlines
- High cost of mistakes
Fulfillment - Making Downstream Impact Visible
I introduced real-time feedback that shows how an order will affect fulfillment before submission.
Users can see issues earlier instead of finding out after the order is processed. This made it easier to catch mistakes while they still have context and control.
Order Submission - Breaking Down Complex Forms
I reworked a ~80+ field form into step-by-step workflows with validation at each stage.
Instead of filling everything out and checking at the end, users can make correct decisions as they go.
This reduced back-and-forth and improved accuracy under time pressure.
Michael Tuason / Design Portfolio
What I Designed
Product Configuration - From Spreadsheets to Structured Input
I replaced spreadsheet workflows with structured interfaces that enforce validation at input.
To ease adoption, I kept the interaction model familiar (table-based editing, bulk updates), but added constraints to prevent invalid data.
This moved error detection earlier instead of relying on downstream checks.
📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
- 📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
Redesigned Contribution portal
Redesigned Contribution portal
Sales Order Processing
Redesigned Order Processing
Redesigned Order Processing
Order Fulfillment Portal
Redesigned Fulfillment Portal
Redesigned Fulfillment Portal
Redesigned Fulfillment Portal
Amazon
Home
|
|
TIBCO
Impact:
- ~80% faster task completion (product configuration)
- ~99.9% accuracy in order processing
- Support tickets reduced from ~5/week to near zero
- Reduced downstream rework and engineering intervention
Product Master
Redesigned Contribution portal
Redesigned Contribution portal
Redesigned Order Processing
Redesigned Order Processing
Sales Order Processing
Order Submission - Breaking Down Complex Forms
I reworked a ~80+ field form into step-by-step workflows with validation at each stage.
Instead of filling everything out and checking at the end, users can make correct decisions as they go.
This reduced back-and-forth and improved accuracy under time pressure.
Redesigned Order Processing
Redesigned Fulfillment Portal
Order Fulfillment Portal
Impact:
- ~80% faster task completion (product configuration)
- ~99.9% accuracy in order processing
- Support tickets reduced from ~5/week to near zero
- Reduced downstream rework and engineering intervention
TIBCO - Enterprise Commerce & Fulfillment Systems
User problem
Enterprise teams managed product configuration and order submission through spreadsheets and large forms.
Errors introduced early would show up later in fulfillment and billing, creating revenue risk and operational issues.
Constraints
- Highly structured, rules-driven systems
- Errors only visible late in the workflow
- Large input surfaces (~80+ fields)
- Users optimizing for speed under deadlines
- High cost of mistakes
Fulfillment - Making Downstream Impact Visible
I introduced real-time feedback that shows how an order will affect fulfillment before submission.
Users can see issues earlier instead of finding out after the order is processed. This made it easier to catch mistakes while they still have context and control.
Michael Tuason / Design Portfolio
What I Designed
Product Configuration - From Spreadsheets to Structured Input
I replaced spreadsheet workflows with structured interfaces that enforce validation at input.
To ease adoption, I kept the interaction model familiar (table-based editing, bulk updates), but added constraints to prevent invalid data.
This moved error detection earlier instead of relying on downstream checks.
📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
- 📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
🔍 Research & Insights
- Users felt anxious not knowing form length
- Many fields could be auto-predicted
- Required fields were often missed
🛠 The Solution
- Transformed the form into a multi-step guided workflow
- Added contextual help, inline validation, and auto-save features
- Added progress indicators to set expectations
📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
Redesigned Contribution portal
Redesigned Contribution portal
Redesigned Fulfillment Portal
Redesigned Fulfillment Portal
Redesigned Fulfillment Portal
Redesigned Contribution portal
Sales Order Processing
Redesigned Order Processing
Redesigned Fulfillment Portal
Product Master
TIBCO - Enterprise Commerce & Fulfillment Systems
User problem
Enterprise teams managed product configuration and order submission through spreadsheets and large forms.
Errors introduced early would show up later in fulfillment and billing, creating revenue risk and operational issues.
Constraints
- Highly structured, rules-driven systems
- Errors only visible late in the workflow
- Large input surfaces (~80+ fields)
- Users optimizing for speed under deadlines
- High cost of mistakes
Order Fulfillment Portal
Order Submission - Breaking Down Complex Forms
I reworked a ~80+ field form into step-by-step workflows with validation at each stage.
Instead of filling everything out and checking at the end, users can make correct decisions as they go.
This reduced back-and-forth and improved accuracy under time pressure.
Fulfillment - Making Downstream Impact Visible
I introduced real-time feedback that shows how an order will affect fulfillment before submission.
Users can see issues earlier instead of finding out after the order is processed. This made it easier to catch mistakes while they still have context and control.
Michael Tuason / Design Portfolio
What I Designed
Product Configuration - From Spreadsheets to Structured Input
I replaced spreadsheet workflows with structured interfaces that enforce validation at input.
To ease adoption, I kept the interaction model familiar (table-based editing, bulk updates), but added constraints to prevent invalid data.
This moved error detection earlier instead of relying on downstream checks.
📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
- 📈 Outcome
- 100% user preference for the redesigned form
- Major improvements in accuracy and speed
- Faster onboarding and dramatically reduced frustration
Impact:
- ~80% faster task completion (product configuration)
- ~99.9% accuracy in order processing
- Support tickets reduced from ~5/week to near zero
- Reduced downstream rework and engineering intervention