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
SQL
GitHub
SQL
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 the AI bias reporting model created by Cogbias AI. I focused on making the tool feel friendly and intuitive, establishing a design system thay would promote consistency and trust.

Web App Redesign Mockup
Before
Web App Redesign Mockup
After
02. Management features

Analytics & Admin

The Necessity: To be able to sell CogBias to organizations, the team needed all of their necessities in one place: user management, data export, and analytics. I designed an admin dashboard that was not only functional but also aligned with the brand's aesthetic, ensuring a seamless transition from the user-facing app to the enterprise tools.

  • 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 tool usage over time using real-time data visualizations using Google Analytics.
03. Designing for Revenue

Pricing & Marketing Assets

As Cogbias AI began to scale upwards, the team needed a clear and scalable monetization strategy. I designed a pricing page for their website utilizing Webflow, and various marketing assets (graphics and copy) for the web extension store.

04. Contextual Intelligence

The Web Extension

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

Rephrase

We designed a web extension that gave real-time AI feedback that helps users correct tone on the fly for software like Qualtrics, Gmail, Slack, and more.

Growth Funnel

We provided prototypes for the extension download flow including 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, we successfully lowered the barrier to entry, transforming it from a stand-alone tool into a seamless, integrated workflow assistant. The extension tool is under development,and the web application has received positive feedback for its design and functionality.