Quorum — Case Study · Arne Steiger

Überblick

Auf einen Blick.

Rolle

Senior Art Director
Creative AI Lead

Aufgaben

Konzept · UX Design
Frontend · Backend · Deployment

Typ

Eigenprojekt

Zeitraum

März – April 2026

Status

● Live (Beta)

Tech Stack

ReactViteTypeScriptExpressClaude APIGemini APIOpenAI APIMistral APIPerplexity APIRailway

Problem

Das Problem.

Wer heute mit mehreren KIs arbeitet, verliert sich in Tabs. Jeder Wechsel kostet Kontext — und Denkfluss.

Claude, Gemini, ChatGPT — jede KI hat eigene Stärken, Biases und blinde Flecken. Wer nur eine befragt, bekommt nur eine Perspektive. Aber wer alle drei nacheinander in separaten Tabs fragt, verliert den roten Faden, kopiert Prompts manuell, und kann Outputs nicht strukturiert vergleichen oder weitergeben.

Für Creative Professionals die täglich mit KI-Tools arbeiten ist das keine Kleinigkeit — es ist ein echter Produktivitätsverlust. Der Denkfluss wird unterbrochen, genau dann wenn er am wichtigsten ist.

User Research · Persona

Für wen.

Maya R.

Creative Strategist · Frankfurt · 31

„Ich brauche nicht die eine richtige Antwort — ich brauche das Spektrum. Wo sind sich die KIs einig? Wo widersprechen sie sich? Das ist die eigentliche Information."

Pain Points

Prompt-Ergebnisse zwischen Tabs manuell vergleichen
Kontext geht bei jedem Tab-Wechsel verloren
Kein strukturierter Export der KI-Dialoge
Keine Möglichkeit KI-Outputs direkt weiterzugeben
Jede KI einzeln fragen kostet doppelte Zeit

Ziele

Mehrere KI-Perspektiven auf einen Blick
Strukturierte Vergleichbarkeit der Antworten
KI-Outputs als Input für andere KIs nutzen
Sessions exportieren und dokumentieren
Denkfluss nicht durch Tool-Wechsel unterbrechen

Lukas M.

Freelance UX/UI Designer · Berlin · 28

„Bei Quorum schicke ich den gleichen Prompt an alle — und sehe sofort wo die KIs sich einig sind. Das spart mir 40 Minuten pro Tag."

Pain Points

Kein Budget für Premium-Zugänge zu allen KI-Tools
Briefs mit KI vorbereiten kostet zu viel manuelle Arbeit
Keine Übersicht welche KI für welchen Task besser ist
Loop-Logik zwischen KIs manuell nachbauen

Ziele

Einen Prompt, alle relevanten KI-Antworten
Die stärkste Antwort schnell identifizieren
KI-Outputs strukturiert an Kunden weitergeben
Tool das im Hintergrund bleibt

Weitere Zielgruppen: Prompt Engineers, Content Strategists, Research Teams.

UX · User Flow

Der Weg durch das Produkt.

01

🔗

KIs verbinden

API Keys hinterlegen · mindestens 2 KIs · Claude + Gemini als Kern

02

✍️

Prompt eingeben

Frage eintippen · Ziel-KIs wählen: Eine, mehrere oder ALLE

03

⚡

Parallel antworten

Alle gewählten KIs antworten gleichzeitig · jedes Panel eigenständig

04

🔍

Vergleichen

Panels nebeneinander lesen · Übereinstimmungen und Widersprüche erkennen

05

🔄

Loop nutzen

Output einer KI → Input für eine andere · eigene Folge-Instruktion möglich

06

📤

Exportieren

Gesamte Session als .zip exportieren · alle Prompts, Antworten, Timestamps

Process · Wireframes

Vom Sketch zum Interface.

Die Kernfrage beim Interface-Design war: Wie viel Struktur braucht ein Multi-AI-Interface damit es das Denken unterstützt — und nicht selbst zum kognitiven Problem wird?

01 — Landing · KI Selection

02 — Tool · Split Panel View

03 — Loop · AI zu AI

ℹ Die Kern-Herausforderung war die Skalierbarkeit: Das Interface musste mit 2 Panels genauso gut funktionieren wie mit 5. Die Sidebar-Navigation entstand erst in der dritten Iteration — ursprünglich war alles in der Top-Nav versteckt.

Design Process · Entscheidungen

Entscheidungen und ihre Gründe.

Entscheidung 01

Dark Mode Only vs. Light/Dark Toggle

✗Light Mode für breitere Zugänglichkeit

✓Reines Dark Mode Tool

Quorum ist ein Power-User-Tool für konzentrierte Arbeit. Light Mode wurde gebaut und wieder gestrichen — es hat sich falsch angefühlt. Das Interface tritt bewusst in den Hintergrund: schwarz, terminal-artig, kein Noise. Das Denken ist im Vordergrund, nicht das Tool.

Entscheidung 02

Farbkodierung pro KI vs. einheitliche Panels

✗Alle Panels gleich gestaltet — neutral, keine Ablenkung

✓Jede KI hat eine eigene Akzentfarbe (Claude: Orange, Gemini: Cyan, ChatGPT: Grün)

Im echten Einsatz mit 3–5 gleichzeitigen Panels ist Farbe keine Dekoration — sie ist Navigation. Ohne Farbe kostet das Zuordnen einer Antwort zu einer KI messbare kognitive Energie. Mit Farbe ist es reflexartig.

Entscheidung 03

Loop als eigene UI-Ebene vs. Copy-Paste

✗User kopiert Output manuell und öffnet neues Prompt-Fenster

✓Loop-Button direkt im Panel — Output + Instruktion → nächste KI in einem Schritt

Der Loop ist der Kern-Use-Case der Quorum von einem einfachen "zwei Tabs nebeneinander" unterscheidet. Er musste als First-Class-Feature sichtbar sein — nicht versteckt, nicht optional wirkend.

Entscheidung 04

WebGL Background vs. statisches Interface

✗Sauberes statisches Dark Mode Interface

✓Animierter WebGL Particle Background (Sternfeld)

Quorum ist kein Productivity-Tool das sich nach Arbeit anfühlen soll. Es ist ein Denkwerkzeug mit eigenem Charakter. Der WebGL-Hintergrund gibt dem Interface Tiefe und Atmosphäre ohne die Lesbarkeit der Panels zu beeinträchtigen.

Screens & Interface

Das Produkt.

01 — Landing Page · KI Selection

02 — Interface · Panels bereit

03 — Claude aktiv · Single Response

04 — Loop Input · Instruktion eingeben

05 — Loop in Aktion · Claude zu Gemini

06 — Dual Response · Vergleich

07 — Multi Panel · 3 KIs aktiv

08 — Settings · API Keys

Iterationen & Learnings

Was ich mitgenommen habe.

✓ Was gut funktioniert hat

→Farbkodierung pro KI macht Orientierung reflexartig schnell
→Loop-Funktion ist der echte Differentiator — fühlt sich mächtig an
→WebGL Background gibt dem Tool Charakter ohne Ablenkung
→Monospace-Typografie in den Panels signalisiert Präzision, nicht Spielzeug
→Railway-Deployment + Vite macht iterieren sehr schnell

↻ Was ich heute anders machen würde

→Panel-Collapse-Logik früher definieren — 5 offene Panels brauchen ein gutes Collapse-Pattern
→Session Persistence (localStorage) von Anfang an einplanen
→Onboarding für neue User — das Interface erklärt sich nicht von selbst
→Mobile-Layout früher testen — 5 Panels auf 375px sind eine echte UX-Herausforderung
→API-Error-Handling sichtbarer machen

Mehrere KIs gleichzeitig zu befragen ist nicht die Summe von Einzelgesprächen — es ist eine andere Art zu denken. Das musste das Interface spiegeln.

Links

Weitererkunden.

🌐 Live Demo öffnen → 💻 GitHub ↗ ← Zurück zum Portfolio

Quorum.Multi-AI thinking,side by side.