Home Works About View Resume
Back to All Works
PRODUCT DESIGN FRONTEND DEVELOPMENT

CogBias AI: A Multi-Platform Ecosystem

Over the course of 1 year, my freelance partner and I designed, developed, and handed-off a full-scale AI bias detection suite for Cogbias AI. From a core web app to an enterprise-grade CRM and a browser-integrated extension.

Team

2 Product Designers

Timeline

Phase 1 - Phase 3: 1 year

Context

Web App → Enterprise CRM → Extension

Focus

Product Design & Frontend Development

Figma
FlutterFlow
Javascript
Firebase
GitHub
Figma
FlutterFlow
Javascript
Firebase
GitHub
CogBias Ecosystem Overview
Web app and extension
01. Setting the Technical Foundation

Phase 1 Recap: The Core Engine

We didn't just redesign the UI; we rebuilt the experience to handle complex AI data processing. I focused on making the text analysis tool feel instantaneous and intuitive, establishing a design system that would later scale to enterprise levels.

Web App Redesign Mockup
Before
Web App Redesign Mockup
After
02. Bridging the Gap

Users & Admin

The Problem: Individual tools don't scale. To sell CogBias to organizations, we needed to move from a single-user view to a 'High-Level Oversight' model.

  • Administrative CRM Table Designed for speed and bulk actions. I prioritized data export features so admins could integrate findings into their own reporting.
  • Analytics Dashboard Visualizing bias trends over time using real-time data visualizations.
03. Designing for Revenue

The Monetization Engine

A product is only as good as its sustainability. I designed two distinct conversion funnels: a seamless, self-serve Stripe integration for Lite users and a high-touch 'Enterprise Quick Link' to facilitate direct sales.

04. Contextual Intelligence

The Web Extension

The UX Challenge: "The biggest friction point for users was having to copy-paste text into a web app. The solution: Meet them where they already write."

Rephrase

Real-time AI feedback that helps users correct tone on the fly.

Growth Funnel

A 'Success' page after installation to educate users and a 'Feedback' page upon uninstallation to track churn reasons.

05. Component Architecture

Design to Development Handoff

Because our team was lean (only two people), the hand-off had to be airtight. I developed a comprehensive component library and system behavior documentation, ensuring the developer could move from Figma to Code with zero ambiguity.

Retrospective & Results

Small Team, Massive Scale.

By expanding CogBias into a cross-platform ecosystem, I successfully lowered the barrier to entry, transforming it from a standalone tool into a seamless, integrated workflow assistant.