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

Enterprise Product Master

Enterprise Fulfillment, Order Management & Subscription Lifecycle Platforms

 

Role: Software Engineer → UX Designer

Users: Sales operations, order management, fulfillment teams

Scope: Product Master → Order & Subscription Management  → Fulfillment Systems

 

Environment: Highly rules-driven, high-risk operational systems

 

 

The Problem

 

Enterprise users relied on:

  • Excel-based configuration workflows
  • Error-prone manual data entry
  • Long, cognitively heavy forms
  • Poor visibility into downstream fulfillment impact

 

Errors introduced early in the lifecycle propagated downstream, causing rework, delays, and support burden.

 

 

UX Influence & Leadership

 

I owned end-to-end interaction design across the full product and sales order lifecycle:

  • Product master setup
  • Order processing
  • Fulfillment execution and support

 

I defined interaction models, validation logic, and decision support patterns in close partnership with Business and Engineering.

Fulfillment portal

3. Confidence at the Point of Order Submission

Redesigned order and fulfillment flows using intelligent defaults and real-time validation.

 

Result: ~99.9% accuracy across large-scale operations, giving users trust to act quickly under deadlines.

2. Guidance When Friction Peaked

Reframed 50–60 field forms into guided, milestone-driven workflows with in-context support.

 

Clear Language at High-Friction Moments

Replaced technical terminology with user language and inline guidance.

 

Result: Support tickets dropped from ~5/week to near zero.

Michael Tuason / Design Portfolio

Key UX Decisions

 

  1. Product Master - From Spreadsheet Risk to Confident Bulk Actions

Replaced fragile Excel workflows with a purpose-built bulk configuration experience.

 

Result: ~80% faster task completion; operators spent more time making confident decisions instead of verifying work.

TOPAZ

📈 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:

 

Lifecycle Consistency to Prevent Downstream Errors

Established reusable patterns across setup, ordering, fulfillment, and post-order changes, reducing cognitive resets and preventing errors before they occur.

 

What I Learned / What’s Next

Solutions for complex problems go beyond task completion. UX needs to increase lifecycle awareness to users to shift their behavior into system-aware decision-making. UX can help accomplish this by showing how:

  • Configuration decisions affected orders
  • Order errors propagated into fulfillment

 

 

Amazon

Home

|

|

TIBCO

Product Master

Redesigned Contribution portal

Redesigned Contribution portal

Redesigned Order Processing

Redesigned Order Processing

TOPAZ

Sales Order Processing

2. Guidance When Friction Peaked

Reframed 50–60 field forms into guided, milestone-driven workflows with in-context support.

 

Clear Language at High-Friction Moments

Replaced technical terminology with user language and inline guidance.

 

Result: Support tickets dropped from ~5/week to near zero.

Redesigned Order Processing

Redesigned Fulfillment Portal

Order Fulfillment Portal

Impact:

 

Lifecycle Consistency to Prevent Downstream Errors

Established reusable patterns across setup, ordering, fulfillment, and post-order changes, reducing cognitive resets and preventing errors before they occur.

 

What I Learned / What’s Next

Solutions for complex problems go beyond task completion. UX needs to increase lifecycle awareness to users to shift their behavior into system-aware decision-making. UX can help accomplish this by showing how:

  • Configuration decisions affected orders
  • Order errors propagated into fulfillment

 

 

Enterprise Product Master

Enterprise Fulfillment, Order Management & Subscription Lifecycle Platforms

 

Role: Software Engineer → UX Designer

Users: Sales operations, order management, fulfillment teams

Scope: Product Master Configuration → Order & Subscription Management  → Fulfillment Systems

 

Environment: Highly rules-driven, high-risk operational systems

 

 

The Problem

 

Enterprise users relied on:

  • Excel-based configuration workflows
  • Error-prone manual data entry
  • Long, cognitively heavy forms
  • Poor visibility into downstream fulfillment impact

 

Errors introduced early in the lifecycle propagated downstream, causing rework, delays, and support burden.

 

UX Influence & Leadership

 

I owned end-to-end interaction design across the full product and sales order lifecycle:

  • Product master setup
  • Order processing
  • Fulfillment execution and support

 

I defined interaction models, validation logic, and decision support patterns in close partnership with Business and Engineering.

Fulfillment portal

3. Confidence at the Point of Order Submission

Redesigned order and fulfillment flows using intelligent defaults and real-time validation.

 

Result: ~99.9% accuracy across large-scale operations, giving users trust to act quickly under deadlines.

Michael Tuason / Design Portfolio

Key UX Decisions

 

  1. Product Master - From Spreadsheet Risk to Confident Bulk Actions

Replaced fragile Excel workflows with a purpose-built bulk configuration experience.

 

Result: ~80% faster task completion; operators spent more time making confident decisions instead of verifying work.

📈 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

Amazon

Home

|

|

TIBCO

Redesigned Contribution portal

TOPAZ

Sales Order Processing

Redesigned Order Processing

Redesigned Fulfillment Portal

Product Master

Enterprise Product Master

Enterprise Fulfillment, Order Management & Subscription Lifecycle Platforms

 

Role: Software Engineer → UX DesignerUsers: Sales operations, order management, fulfillment teamsScope: Product Master Configuration → Order & Subscription Management  → Fulfillment Systems

Environment: Highly rules-driven, high-risk operational systems

 

The Problem

 

Enterprise users relied on:

  • Excel-based configuration workflows
  • Error-prone manual data entry
  • Long, cognitively heavy forms
  • Poor visibility into downstream fulfillment impact

 

Errors introduced early in the lifecycle propagated downstream, causing rework, delays, and support burden.

 

UX Influence & Leadership

 

I owned end-to-end interaction design across the full product and sales order lifecycle:

  • Product master setup
  • Order processing
  • Fulfillment execution and support

 

I defined interaction models, validation logic, and decision support patterns in close partnership with Business and Engineering.

Order Fulfillment Portal

Fulfillment portal

2. Guidance When Friction Peaked

Reframed 50–60 field forms into guided, milestone-driven workflows with in-context support.

 

Clear Language at High-Friction Moments

Replaced technical terminology with user language and inline guidance.

 

Result: Support tickets dropped from ~5/week to near zero.

3. Confidence at the Point of Order Submission

Redesigned order and fulfillment flows using intelligent defaults and real-time validation.

 

Result: ~99.9% accuracy across large-scale operations, giving users trust to act quickly under deadlines.

Michael Tuason / Design Portfolio

Key UX Decisions

 

  1. Product Master - From Spreadsheet Risk to Confident Bulk Actions

Replaced fragile Excel workflows with a purpose-built bulk configuration experience.

 

Result: ~80% faster task completion; operators spent more time making confident decisions instead of verifying work.

📈 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:

 

Lifecycle Consistency to Prevent Downstream Errors

Established reusable patterns across setup, ordering, fulfillment, and post-order changes, reducing cognitive resets and preventing errors before they occur.

 

What I Learned / What’s Next

Solutions for complex problems go beyond task completion. UX needs to increase lifecycle awareness to users to shift their behavior into system-aware decision-making. UX can help accomplish this by showing how:

  • Configuration decisions affected orders
  • Order errors propagated into fulfillment