Overview
Overview
Overview
Payoutz is a B2B payment system that provides a comprehensive payment solution for online businesses. Its flexible system enables tracking transactions and revenue, managing products, generating documents, handling coupons, customizing invoices, and more.
Payoutz is a B2B payment system that provides a comprehensive payment solution for online businesses. Its flexible system enables tracking transactions and revenue, managing products, generating documents, handling coupons, customizing invoices, and more.
Initial brief
Initial brief
Initial brief
Payoutz is a project I did as part of my UXUI studies in Codesigner. After receiving the general UX framework, I improved the operational experience and created the design system.
Payoutz is a project I did as part of my UXUI studies in Codesigner. After receiving the general UX framework, I improved the operational experience and created the design system.
Meet Tamar, An online business owner
Meet Tamar, An online business owner
Meet Tamar, An online business owner
Tamar is an e-commerce business owner selling design and code courses online, such as CSS, HTML, and web design courses. Her business is in a phase where she needs more focus on increasing sales and maintaining a consistent brand image. She needs a user-friendly white-label payment system that integrates easily into her online store and provides robust analytics and managing inventory.
Tamar is an e-commerce business owner selling design and code courses online, such as CSS, HTML, and web design courses. Her business is in a phase where she needs more focus on increasing sales and maintaining a consistent brand image. She needs a user-friendly white-label payment system that integrates easily into her online store and provides robust analytics and managing inventory.
Frustrations & Expectations
Frustrations & Expectations
Frustrations & Expectations
Lack of Data
Lack of Data
Tamar often needs help to get detailed data and insights about her customers' payment behavior.
Expects the system to provide detailed analytics and reports on payment transactions, customer behavior, and conversion rates.
Tamar often needs help to get detailed data and insights about her customers' payment behavior.
Expects the system to provide detailed analytics and reports on payment transactions, customer behavior, and conversion rates.
Tamar often needs help to get detailed data and insights about her customers' payment behavior.
Expects the system to provide detailed analytics and reports on payment transactions, customer behavior, and conversion rates.
Complex Integration
Complex Integration
Tamar finds integrating payment systems into her online store challenging without technical assistance.
Needs a user-friendly, straightforward integration process to avoid costly and time-consuming technical work.
Tamar finds integrating payment systems into her online store challenging without technical assistance.
Needs a user-friendly, straightforward integration process to avoid costly and time-consuming technical work.
Tamar finds integrating payment systems into her online store challenging without technical assistance.
Needs a user-friendly, straightforward integration process to avoid costly and time-consuming technical work.
Third-Party Branding
Third-Party Branding
Tamar dislikes third-party branding during the payment process, confusing her customers and eroding her brand's image.
Requires a white-label system to ensure her brand remains front and center.
Tamar dislikes third-party branding during the payment process, confusing her customers and eroding her brand's image.
Requires a white-label system to ensure her brand remains front and center.
Tamar dislikes third-party branding during the payment process, confusing her customers and eroding her brand's image.
Requires a white-label system to ensure her brand remains front and center.
Welcome to Payoutz
Welcome to Payoutz
Welcome to Payoutz
Main Dashboard
Main Dashboard
Main Dashboard
Main Dashboard
Business owners can review pending payments, available credit, and financial transactions.
When creating the design, I aimed to keep it simple and easy to understand. The infographic is straightforward and doesn't have any complex graphics. Using a distinct color helps draw attention to the critical information, saving the user time by quickly finding the necessary data in the overview.
Business owners can review pending payments, available credit, and financial transactions.
When creating the design, I aimed to keep it simple and easy to understand. The infographic is straightforward and doesn't have any complex graphics. Using a distinct color helps draw attention to the critical information, saving the user time by quickly finding the necessary data in the overview.
Business owners can review pending payments, available credit, and financial transactions.
When creating the design, I aimed to keep it simple and easy to understand. The infographic is straightforward and doesn't have any complex graphics. Using a distinct color helps draw attention to the critical information, saving the user time by quickly finding the necessary data in the overview.
Transactions
Transactions
Transactions
Transactions
Allows users to track incoming and outgoing payments in real-time.
The transactions table:
Hold all the flowing data that can be filtered and has search options for efficient tracking.Micro dashboard:
Can be edited by the user and consists of the table data visually and concisely.
Allows users to track incoming and outgoing payments in real-time.
The transactions table:
Hold all the flowing data that can be filtered and has search options for efficient tracking.Micro dashboard:
Can be edited by the user and consists of the table data visually and concisely.
Allows users to track incoming and outgoing payments in real-time.
The transactions table:
Hold all the flowing data that can be filtered and has search options for efficient tracking.Micro dashboard:
Can be edited by the user and consists of the table data visually and concisely.
Coupons Management
Coupons Management
Coupons Management
Coupons Management
Allows businesses to create, manage, and track coupons easily by adding an editor for creating coupons. Users can set the coupon type (e.g., percentage-based discount, fixed amount discount), define the expiration date, apply restrictions, and generate unique coupon codes.
Allows businesses to create, manage, and track coupons easily by adding an editor for creating coupons. Users can set the coupon type (e.g., percentage-based discount, fixed amount discount), define the expiration date, apply restrictions, and generate unique coupon codes.
Invoice Design
Invoice Design
Invoice Design
Next Steps
Next Steps
Next Steps
Small businesses often need help with invoicing and payment tracking. I would deepen my UX framework by adding a tool that enables users to create and send professional invoices, set payment reminders, and track invoice statuses. Integration with accounting software or exporting data can also be beneficial.
Small businesses often need help with invoicing and payment tracking. I would deepen my UX framework by adding a tool that enables users to create and send professional invoices, set payment reminders, and track invoice statuses. Integration with accounting software or exporting data can also be beneficial.
Creating integration with popular accounting software, CRM systems, and other commonly used tools to simplify data entry and manage customers in a better way.
Creating integration with popular accounting software, CRM systems, and other commonly used tools to simplify data entry and manage customers in a better way.
Thank you for scrolling till the end
Thank you for scrolling till the end
Thank you for scrolling till the end