Project Overview

The e-commerce market has experienced significant growth in the past year, driven by the ease of online ordering and payments. This upward trajectory is anticipated to persist as an increasing number of businesses transition to the digital realm. Paytrugo is poised to support this expansion by streamlining the payment process for both buyers and sellers. Serving as a reliable intermediary, Paytrugo seeks to instill confidence in online transactions, providing businesses and customers with a secure and seamless experience. Its commitment to satisfaction aims to foster sustained growth in e-commerce through the provision of trustworthy and dependable alternate payment services.

Purpose

We aim to establish trust and enhance the seamless fulfillment of e-commerce agreements.

Development methodology : Agile

Product Owner - Ojo Damilola

UI/UX Designers - Olabode Felix (Design Lead), Ogo Obiora, Usman Tori

Scrum Master - Matins Gabriel

Developers (Frontend, Backend, Full-stack) - James Oluwole, Elif Matins, Alimat Akarele

Testers/QA Engineers- Grace Makinde

User Researchers - Chinonzo Ebube

Business Analysts - Owolawi Vincent

Project Managers - Debby Akindele

Content Writers/Copywriters - Winniefred Iyanuoluwa

Research & Planning

The research has identified significant gaps in the market, including prolonged dispute resolution times, unclear processes, and elevated fees compared to conventional payment processors. Paytrugo seeks to distinguish itself by offering improved solutions in these areas. Furthermore, the study has underscored the underlying challenges of achieving scalability through global expansion, seamless integration with major commerce platforms, cost-effectiveness, and the imperative need for speed in both transactions and dispute resolutions.

Design Objectives

The design objectives are strategically aligned to directly tackle the research insights concerning trust, convenience, and pricing concerns. The associated questions are centered around benchmarking against current payment options, quantifying enhancements in areas such as dispute efficiency, evaluating the delivered value to both buyers and sellers in terms of pricing and features, and measuring the growth in user engagement. Successful achievement of these objectives will signify that Paytrugo has made a substantial impact on users and the market by meeting the identified requirements.

QUESTIONS TO ANSWER

1. How much faster is dispute mediation compared to alternatives?

2. Is the resolution process considered simple and transparent by users?

3. Do users see Paytrugo as more secure and identity-verified?

Mindmap

Priorities are evident, and the interconnections between related findings are clearly discernible. The mind map effectively condenses the intricate dataset into concise strategic guidance, offering a focused framework for the design process. This approach ensures that the design efforts are concentrated on addressing the most crucial aspects for users in the alternative payments space, grounded in evidence.

System workflow

After multiple rounds of review and refinement, the flows have been expanded with additional steps strategically integrated to enhance transparency, security, and meet integration requirements. The implementation of versioning has facilitated the assessment of incremental improvements, ensuring a methodical approach towards achieving our objectives. This iterative process underscores our commitment to refining the user experience while upholding transparency, security, and seamless integration capabilities.

Design

Establishing a Fresh, Dynamic, and Scalable Design System:

Given a comprehensive understanding of the competitive landscape, I crafted a design system that embodies a fresh, dynamic, and scalable approach, emphasizing the following practices:

1. Minimal, purposeful use of color

2. Typographic hierarchy and contrast make important information stand out

3. Similar component layouts that repeat throughout the dashboards

Typography

Color Palette

Building upon the two primary hues of the Paytrugo identity, I extended the color palette to effectively cater to the diverse requirements of the platform's intricate dashboard system. The expansion involved thoughtfully incorporating complementary tones that not only resonate with the brand identity but also serve practical purposes within the dashboard context:

Wireframes

I crafted low-fidelity designs for website and product dashboards, offering an initial glimpse into our envisioned solution. These layouts serve as blueprints, aiding in early exploration and refinement to ensure a user-friendly and aligned final product.

Final DashboardsDesigning for efficiency and simplicity

The completion of the final design is driven by the aspiration to streamline online payment services for businesses. The aim is to establish an efficient system that exceeds expectations, providing users with a seamless and user-friendly experience. Through thoughtful design choices and a focus on simplicity, the goal is to make online transactions effortlessly easy and straightforward for both businesses and their customers. The hope is that this final design not only meets but surpasses the anticipated standards, contributing to a more intuitive and accessible online payment landscape.

Home Dashboard

Overview page to check stats on income flow, tour the app, chat support and create manual payment link.

User Onboarding

New users are guided through a seamless onboarding process with distinct screens for creating a business or personal account. Personal details are securely collected to facilitate identity verification, ensuring a safe and reliable transaction environment.

KYC Data Collection

We prioritize security by securely storing uploaded documents and sensitive information, including legal names, addresses, and business registration documents. This commitment to compliance not only safeguards user data but also boosts confidence among members when engaging in transactions.

Home Page

Vendors profile, social account and payment integrations settings are featured on the pages below.

Transactions

Experience full transparency with a dedicated page showcasing comprehensive information on a specific transaction. Gain insights into payment status, associated fees, timelines, and easily access dispute/support options for a clear and informed overview.

API Keys

Empowering developers and platforms,

API Keys page facilitates the generation and management of API keys for seamless integration with Paytrugo. Various key types offer customized access, allowing for reading transaction data, facilitating payments, or triggering payouts from managed accounts. Tailor business integration effortlessly for a dynamic and secure experience.

Disputes

The Disputes Table provides a centralized view of all ongoing, resolved, and closed disputes. As disputes progress through mediation stages, the Dispute Page History Section visually replays each step, offering a comprehensive overview of the dispute's journey. Streamlining the dispute resolution process for enhanced transparency and management.

Key Takeaway

Participating in the Paytrugo project as a designer has been a revealing experience.

Key takeaways include the paramount importance of user-centric design, Robust security measures, highlighted in safeguarding sensitive information, underscore the critical role of security integration. The iterative design and testing process has proven essential for aligning the final design with user expectations, while the creation of the Developer Integration Hub emphasizes the need for flexibility in catering to varied integration needs. Holistic system thinking is crucial, considering the interconnected features of the platform, such as onboarding and dispute management. Overall, the Paytrugo project has provided invaluable insights into crafting user-friendly, secure, and flexible online payment solutions.