Internal Business Management System

Opnode SYSOP

Internal Business Management System

Internal Business Management System

Internal Business Management System

Internal Business Management System

Internal Business Management System

Internal Business Management System

A Scalable and Automated Solution for Contract Management, Billing, and Store Administration

Note: In compliance with confidentiality agreements and respect for intellectual property, all visual content presented here has been anonymized, reconstructed, or redesigned. The focus of this case study is to demonstrate my design process, decision-making, and problem-solving skills.

Duration

Duration

2018-2022

2018-2022

Role

Role

Senior Product Designer

Senior Product Designer

Background

With the introduction of a new e-commerce product, there was no existing internal system to manage customer store operations, contracts, or billing workflows.

All critical processes—including store creation, contract application and modifications, and invoice reconciliation—were handled manually. These tasks required business teams to collect and submit data through spreadsheets, relying on engineers to manually update the system.

OpNode was developed to automate these processes, reducing manual workload while ensuring greater transparency, accuracy, and efficiency across internal operations.

My Role & Approach

As the sole Product Designer, I led user research, conducting in-depth interviews with stakeholders across sales, customer support, finance, and engineering teams. Working closely with the Product Manager, I analyzed key operational challenges and prioritized feature development, defining OpNode’s iterative roadmap to align with business needs.

Since OpNode was built as an independent internal product, I collaborated closely with engineering teams to establish a new design system and UI component library, ensuring consistency, scalability, and usability across the platform. This cross-functional effort resulted in a robust and adaptable system tailored to diverse operational requirements.

User Research & Needs Analysis

User Research & Needs Analysis

User Research & Needs Analysis

User Research & Needs Analysis

Information Architecture

Information Architecture

Information Architecture

Information Architecture

UX Strategy & Experience Design

UX Strategy & Experience Design

UX Strategy & Experience Design

UX Strategy & Experience Design

Design System Development

Design System Development

Design System Development

Design System Development

Interaction & Interface Design

Interaction & Interface Design

Interaction & Interface Design

Interaction & Interface Design

Impact

By automating critical workflows and providing a user-friendly interface, SYSOP significantly reduces engineering workload, enhances cross-departmental collaboration, and streamlines business operations.

Contract Modification Time Reduced by 60%

Sales teams can now adjust contract terms, pricing, and subscription periods in real-time without engineering support, accelerating deal closures.

Contract Modification Time Reduced by 60%

Sales teams can now adjust contract terms, pricing, and subscription periods in real-time without engineering support, accelerating deal closures.

Contract Modification Time Reduced by 60%

Sales teams can now adjust contract terms, pricing, and subscription periods in real-time without engineering support, accelerating deal closures.

Contract Modification Time Reduced by 60%

Sales teams can now adjust contract terms, pricing, and subscription periods in real-time without engineering support, accelerating deal closures.

Support Case Resolution Time Decreased by 50%

Customer support agents gained instant access to store details and contract histories, allowing them to resolve customer inquiries more efficiently.

Support Case Resolution Time Decreased by 50%

Customer support agents gained instant access to store details and contract histories, allowing them to resolve customer inquiries more efficiently.

Support Case Resolution Time Decreased by 50%

Customer support agents gained instant access to store details and contract histories, allowing them to resolve customer inquiries more efficiently.

Support Case Resolution Time Decreased by 50%

Customer support agents gained instant access to store details and contract histories, allowing them to resolve customer inquiries more efficiently.

Engineering Time Savings of 75%

Engineers no longer need to manually process store closures, billing adjustments, or contract updates, freeing them to focus on high-value development tasks.

Engineering Time Savings of 75%

Engineers no longer need to manually process store closures, billing adjustments, or contract updates, freeing them to focus on high-value development tasks.

Engineering Time Savings of 75%

Engineers no longer need to manually process store closures, billing adjustments, or contract updates, freeing them to focus on high-value development tasks.

Engineering Time Savings of 75%

Engineers no longer need to manually process store closures, billing adjustments, or contract updates, freeing them to focus on high-value development tasks.

Enhanced Accountability & Auditability

The change history log provides full traceability of all modifications, ensuring transparency in contract changes, billing adjustments, and store status updates.

Enhanced Accountability & Auditability

The change history log provides full traceability of all modifications, ensuring transparency in contract changes, billing adjustments, and store status updates.

Enhanced Accountability & Auditability

The change history log provides full traceability of all modifications, ensuring transparency in contract changes, billing adjustments, and store status updates.

Enhanced Accountability & Auditability

The change history log provides full traceability of all modifications, ensuring transparency in contract changes, billing adjustments, and store status updates.

Improved Operational Autonomy Across Departments

Role-based access control and workflow automation empowered business teams to manage key processes independently, reducing cross-team dependencies.

Improved Operational Autonomy Across Departments

Role-based access control and workflow automation empowered business teams to manage key processes independently, reducing cross-team dependencies.

Improved Operational Autonomy Across Departments

Role-based access control and workflow automation empowered business teams to manage key processes independently, reducing cross-team dependencies.

Improved Operational Autonomy Across Departments

Role-based access control and workflow automation empowered business teams to manage key processes independently, reducing cross-team dependencies.

User Research

I conducted comprehensive user research, interviewing stakeholders across multiple departments—including Sales, Customer Support, Finance, Product Management, Engineering, and CEO. The goal was to understand their pain points, workflows, and critical needs, forming the foundation for SYSOP’s functionality and design.

Key Findings & Pain Points

Manual Contract Processing & Limited Flexibility

Sales teams not only faced delays due to manual contract creation and engineering dependencies but also required greater flexibility to adjust contract terms for customized promotions.

High Dependency on Engineering for Routine Tasks

Sales, support, and finance teams relied on engineers for store creation, contract modifications, and billing adjustments, leading to delays and inefficiencies.

Billing Complexity

Finance teams required engineering support to generate and validate monthly invoices. Additionally, invoice reconciliation and payment follow-ups placed a heavy operational burden on customer support.

Lack of Store Visibility

Customer support and product managers lacked an intuitive way to search and manage store information, making issue resolution slower and requiring frequent backend queries.

Product Roadmap & Iterative Development

In collaboration with the Product Manager, I helped define the OpNode development roadmap, prioritizing features based on operational urgency and business impact. The roadmap was structured into three iterative stages, ensuring a phased rollout that delivered immediate value while allowing for continuous enhancements.

Stage 1: Core Store & Contract Management

Store Data Access, Search & Management

Enable internal teams to search, view, and manage store information, improving visibility for customer support and sales.

Store Data Access, Search & Management

Enable internal teams to search, view, and manage store information, improving visibility for customer support and sales.

Store Data Access, Search & Management

Enable internal teams to search, view, and manage store information, improving visibility for customer support and sales.

Store Data Access, Search & Management

Enable internal teams to search, view, and manage store information, improving visibility for customer support and sales.

Contract Creation & Management

Allow sales teams to generate, modify, and manage contracts, with an automated mechanism that updates store status upon contract expiration.

Contract Creation & Management

Allow sales teams to generate, modify, and manage contracts, with an automated mechanism that updates store status upon contract expiration.

Contract Creation & Management

Allow sales teams to generate, modify, and manage contracts, with an automated mechanism that updates store status upon contract expiration.

Contract Creation & Management

Allow sales teams to generate, modify, and manage contracts, with an automated mechanism that updates store status upon contract expiration.

Store Creation Workflow

Introduce a structured onboarding process for creating new customer stores, reducing manual setup time.

Store Creation Workflow

Introduce a structured onboarding process for creating new customer stores, reducing manual setup time.

Store Creation Workflow

Introduce a structured onboarding process for creating new customer stores, reducing manual setup time.

Store Creation Workflow

Introduce a structured onboarding process for creating new customer stores, reducing manual setup time.

Stage 2: Billing & Search Optimization

Automated Invoice System

Implement billing automation to reduce manual effort in invoice issuance and reconciliation.

Automated Invoice System

Implement billing automation to reduce manual effort in invoice issuance and reconciliation.

Automated Invoice System

Implement billing automation to reduce manual effort in invoice issuance and reconciliation.

Automated Invoice System

Implement billing automation to reduce manual effort in invoice issuance and reconciliation.

Advanced Search & Filtering

Expand search capabilities, enabling users to efficiently locate stores and contracts based on more refined criteria.

Advanced Search & Filtering

Expand search capabilities, enabling users to efficiently locate stores and contracts based on more refined criteria.

Advanced Search & Filtering

Expand search capabilities, enabling users to efficiently locate stores and contracts based on more refined criteria.

Advanced Search & Filtering

Expand search capabilities, enabling users to efficiently locate stores and contracts based on more refined criteria.

Stage 3: Internal Issue Reporting & Data Management

Internal Issue Reporting System

Introduce an internal feedback mechanism allowing staff to report system issues, improving response time for platform fixes.

Internal Issue Reporting System

Introduce an internal feedback mechanism allowing staff to report system issues, improving response time for platform fixes.

Internal Issue Reporting System

Introduce an internal feedback mechanism allowing staff to report system issues, improving response time for platform fixes.

Internal Issue Reporting System

Introduce an internal feedback mechanism allowing staff to report system issues, improving response time for platform fixes.

Retail Store Database Management

Develop a centralized database for retail store data, ensuring more structured and accessible information management.

Retail Store Database Management

Develop a centralized database for retail store data, ensuring more structured and accessible information management.

Retail Store Database Management

Develop a centralized database for retail store data, ensuring more structured and accessible information management.

Retail Store Database Management

Develop a centralized database for retail store data, ensuring more structured and accessible information management.

Key Challenges & Solutions

Modular & Adjustable Contract Management

Challenge

User research revealed that sales teams needed greater pricing flexibility and customizable contract terms to align with diverse customer needs and promotional strategies.

Solution

  1. Flexible Pricing Model

Implemented a modular pricing structure, allowing sales teams to configure contracts with predefined plans or apply custom pricing adjustments for specific customer agreements.

Contract editor allowing users to select predefined plans or customize terms dynamically.

Implemented a real-time cost calculation module, enabling sales teams to preview pricing adjustments before finalization.

  1. Multiple Payment Options

Designed a contract payment framework supporting one-time payments as well as installment-based payment plans, enabling businesses to offer greater financial flexibility to customers.

Transaction History Tracking

Implemented a detailed payment log, recording each transaction with timestamps, amounts, and statuses for accurate financial oversight.

Transaction History Tracking

Implemented a detailed payment log, recording each transaction with timestamps, amounts, and statuses for accurate financial oversight.

Transaction History Tracking

Implemented a detailed payment log, recording each transaction with timestamps, amounts, and statuses for accurate financial oversight.

Transaction History Tracking

Implemented a detailed payment log, recording each transaction with timestamps, amounts, and statuses for accurate financial oversight.

Manual Reconciliation Tools

Provided an adjustable reconciliation feature, allowing finance teams to manually validate and update payment records when discrepancies arise.

Manual Reconciliation Tools

Provided an adjustable reconciliation feature, allowing finance teams to manually validate and update payment records when discrepancies arise.

Manual Reconciliation Tools

Provided an adjustable reconciliation feature, allowing finance teams to manually validate and update payment records when discrepancies arise.

Manual Reconciliation Tools

Provided an adjustable reconciliation feature, allowing finance teams to manually validate and update payment records when discrepancies arise.

  1. Adaptive Contract Lifecycle Management

Created contract state transitions, allowing agreements to be:

State-Based Contract Framework

Implemented a contract lifecycle system that supports seamless transitions between predefined states (Pending, Active, Paused, Terminated), ensuring operational flexibility.

State-Based Contract Framework

Implemented a contract lifecycle system that supports seamless transitions between predefined states (Pending, Active, Paused, Terminated), ensuring operational flexibility.

State-Based Contract Framework

Implemented a contract lifecycle system that supports seamless transitions between predefined states (Pending, Active, Paused, Terminated), ensuring operational flexibility.

State-Based Contract Framework

Implemented a contract lifecycle system that supports seamless transitions between predefined states (Pending, Active, Paused, Terminated), ensuring operational flexibility.

Automated Billing Adjustments

Integrated state-aware billing logic, dynamically calculating monthly charges based on contract status, preventing discrepancies in store invoicing.

Automated Billing Adjustments

Integrated state-aware billing logic, dynamically calculating monthly charges based on contract status, preventing discrepancies in store invoicing.

Automated Billing Adjustments

Integrated state-aware billing logic, dynamically calculating monthly charges based on contract status, preventing discrepancies in store invoicing.

Automated Billing Adjustments

Integrated state-aware billing logic, dynamically calculating monthly charges based on contract status, preventing discrepancies in store invoicing.

Real-Time State Alignment

Ensured contract states align with store operations and billing logic, preventing discrepancies in account status, service access, and invoicing adjustments.

Real-Time State Alignment

Ensured contract states align with store operations and billing logic, preventing discrepancies in account status, service access, and invoicing adjustments.

Real-Time State Alignment

Ensured contract states align with store operations and billing logic, preventing discrepancies in account status, service access, and invoicing adjustments.

Real-Time State Alignment

Ensured contract states align with store operations and billing logic, preventing discrepancies in account status, service access, and invoicing adjustments.

Final Contract Management

Billing Management

Challenge

Finance teams needed a more adaptable billing system to handle dynamic pricing adjustments, automate reconciliation, and streamline invoice issuance. Manual modifications and tracking created inefficiencies, increasing the risk of errors and delays.

Solution

  1. Allows itemized adjustments

Enabling finance teams to add charges or apply discounts directly.

  1. Automates Reconciliation

Real-time payment status updates and reducing manual tracking.

Real-time payment status updates and reducing manual tracking.

Real-time payment status updates and reducing manual tracking.

Real-time payment status updates and reducing manual tracking.

Automates reconciliation, ensuring real-time payment status updates and reducing manual tracking.

Automates reconciliation, ensuring real-time payment status updates and reducing manual tracking.

Automates reconciliation, ensuring real-time payment status updates and reducing manual tracking.

Automates reconciliation, ensuring real-time payment status updates and reducing manual tracking.

Maintains a complete transaction history, logging all billing modifications, payment records, and invoice updates for full transparency and auditability.

Maintains a complete transaction history, logging all billing modifications, payment records, and invoice updates for full transparency and auditability.

Maintains a complete transaction history, logging all billing modifications, payment records, and invoice updates for full transparency and auditability.

Maintains a complete transaction history, logging all billing modifications, payment records, and invoice updates for full transparency and auditability.

  1. Invoicing System

To streamline invoice management and minimize manual intervention, I designed an intelligent invoicing system that:

Automates invoice generation

Invoices are automatically issued based on billing status, reducing manual processing.

Automates invoice generation

Invoices are automatically issued based on billing status, reducing manual processing.

Automates invoice generation

Invoices are automatically issued based on billing status, reducing manual processing.

Automates invoice generation

Invoices are automatically issued based on billing status, reducing manual processing.

Syncs with payment recordsnt

Ensures invoices stay aligned with real-time payment updates and reconciliation logs.

Syncs with payment recordsnt

Ensures invoices stay aligned with real-time payment updates and reconciliation logs.

Syncs with payment recordsnt

Ensures invoices stay aligned with real-time payment updates and reconciliation logs.

Syncs with payment recordsnt

Ensures invoices stay aligned with real-time payment updates and reconciliation logs.

Provides full invoice history tracking

Logs all invoice actions, including issuance, voiding, reissuance, and payment status, ensuring financial transparency and compliance.

Provides full invoice history tracking

Logs all invoice actions, including issuance, voiding, reissuance, and payment status, ensuring financial transparency and compliance.

Provides full invoice history tracking

Logs all invoice actions, including issuance, voiding, reissuance, and payment status, ensuring financial transparency and compliance.

Provides full invoice history tracking

Logs all invoice actions, including issuance, voiding, reissuance, and payment status, ensuring financial transparency and compliance.

Role-Based Access & Permissions

Challenge

Different teams required varying levels of visibility and functional access. Without a structured system, some users lacked access to necessary features, leading to operational bottlenecks, while others had excessive permissions, creating security risks. The absence of a scalable permission model made it difficult to grant or restrict access without engineering involvement.

Solution

  1. Role-Based Access Control (RBAC)

Implemented granular permission settings, ensuring each role had access to only relevant data and actions.

Designed context-aware interfaces, where available features adjust based on user roles, reducing confusion and preventing unauthorized actions.

  1. Restricted Actions with Guided Explanations

Introduced disabled actions with tooltips, providing clear explanations when users attempt to access restricted features.