Design and Development of TestFlow QA Management Platform

Client: Confidential

Role: Lead Product Designer & Strategist

Scope: End-to-End UX/UI Design · System Architecture · Product Strategy

Tools: Figma, React.js, Node.js, PostgreSQL, Express.js, Sequelize, SQLite, JWT, Passport.js, GoogleOAuth, SrtripAPI, Brevo API, Google Generative AI, OpenAI GPT, PM2, Vite, CORS, bcryptjs Portfolio link: https://portfolio.inafana.com/project/9

TestFlow is a centralized QA management platform designed to transform how software teams organize, execute, and track testing workflows. By moving away from fragmented spreadsheets, TestFlow provides a structured hierarchy for test scenarios, real-time collaboration, and multi-tenant organization management, ensuring quality at scale for both internal teams and external clients.

The QA industry often struggles with "documentation debt," where test cases are scattered and execution data is siloed. The goal was to build a robust solution that could:

Decentralize Complexity: Manage multiple organizations and projects under one roof without data bleed.

Structure the Chaos: Create a high-density information architecture (folders, scenarios, tasks) that remains intuitive.

Bridge the Communication Gap: Enable real-time feedback and file sharing directly within the test execution flow.

Scale Monetization: Integrate a seamless subscription and seat-management system for growing B2B teams.

I led the product evolution by balancing technical performance with a user-centric interface:

Engineered the Information Architecture: Designed a nested hierarchical system (Org > Project > Folder > Scenario) that allows QA leads to navigate thousands of test cases with minimal clicks.

Optimized Execution Workflows: Created a high-efficiency "Execution Mode" featuring one-click status updates (Pass/Fail/Blocked) and instant metadata logging to reduce manual entry time.

Designed for Multi-Tenancy: Built a secure, role-based access control (RBAC) UI that allows users to switch between "Internal" and "Client" projects seamlessly.

Integrated Financial UX: Streamlined the Stripe-powered subscription flow, making organization-level billing and seat management transparent and self-service.

Visual Identity & Utility: Developed a "clean-room" aesthetic using a focused color palette for status indicators and a high-contrast layout to ensure readability during long testing sessions.

Delivered a scalable, production-ready platform that successfully bridges the gap between complex backend data and frontend usability. The final product offers a unified source of truth for QA teams, featuring secure JWT/OAuth authentication, real-time activity logging, and a responsive design that allows leads to track progress from any device. TestFlow is now positioned as an enterprise-grade tool ready for international QA teams.