TopJobPilot — Interner Design-Review

Website-Bestenliste: was funktioniert, und wie ich weiterarbeiten wuerde

Kuratierte Auswertung aller ~21 Website-Varianten aus der Explorationsphase (07.06.–18.06.2026) plus dem aktuellen Live-Deploy. Jede Seite wurde headless gerendert und gegen die beschlossene Zielrichtung „Executive Proof Deck“ beurteilt: premium, ruhig, DACH/EU-serioes, Trust als sichtbares Feature — keine generischen KI-Klischees.

21 Varianten gerendert 0 Console-Errors 9 A-Tier Stand: 15.07.2026 Bewertung: 4 parallele UI/UX-Reviews

Die Bestenliste (A-Tier)

Neun Seiten heben sich klar ab. Sortiert nach meiner Gesamtempfehlung — oben die staerksten Kandidaten fuer die finale Richtung. „Uebernehmen“ = das eine Element, das ich in die Fusion mitnehmen wuerde.

A1Premium Editorial

Premium Editorial

tests-2026-06-11-different / v1

Reifste Trust-Stimme im ganzen Feld: warmer Cognac-Akzent auf Serif-Editorial, mit der Pull-Quote „Die beste Bewerbung ist nicht die lauteste“. Markant, ruhig, unverwechselbar — das exakte Gegenteil von KI-Klischee.

Uebernehmen: Pull-Quote-Card im Hero + Cognac als Differenzierungs-Akzent.
A2Live Deploy

Live-Deploy (aktuell online)

deploy / topjobpilot-live-2026-06-12

Die einzige vollstaendige Produktseite: Hero, 4-Schritte-Prozess, 10-Punkte-Grid, dunkle „Trust Guardrails“-Section und konsistente Status-Chips (geprueft / begruendet / Review / Go noetig). Als Geruest unschlagbar — nur tonal noch generisch.

Uebernehmen: als Struktur-Skelett + die dunkle Trust-Guardrails-Section.
A3Trust Command

Trust Command

tests-2026-06-11-day3 / v1

Editorial-Serif-Hero auf ruhiger Sand-Palette wirkt sofort premium und DACH-serioes; Trust-Chips sitzen direkt unter dem CTA. Kleiner Makel: unschoene Silbentrennung in der Headline („Bewerbun-/gen“) — leicht zu fixen.

Uebernehmen: Trust-Chips-Reihe direkt unter dem Primaer-CTA.
A4PDF Report Editorial

PDF-Report Editorial

landing-pages-2026-06-07 / 04

Verkauft als einzige Variante den greifbaren Produktwert: warmes Creme-Papier, Serif-Headline und eine „Bewerbungsreport“-Dokumentkarte mit „PDF-Qualitaet als Premium-Beweis“-Chip. Direkter Anker fuer den Application-Proof-Pack.

Uebernehmen: Report-Dokumentkarte als Wert-Anker (Paid-Tier-Andeutung).
A5Mobile Fast Apply

Mobile / Human-in-the-loop

tests-2026-06-11-different / v4

Zeigt den Freigabe-Dialog konkret statt ihn zu behaupten: Chat im Phone-Mockup („Etwas weniger formell bitte“ → „Erledigt“), ruhiger Green-Akzent. Nachweis von Kontrolle, nicht nur Versprechen. Risiko: Chat-Metapher nicht zu „Chatbot“ kippen lassen.

Uebernehmen: Phone-Chat-Mockup als Beleg des menschlichen Freigabe-Schritts.
A6CV Clarity Premium

CV-Clarity Premium

landing-pages-2026-06-07 / 01

Grosse Editorial-Headline plus eine „CV → Story“-Kartenkaskade, die das Kernversprechen visuell erklaert — ganz ohne KI-Klischee. Schwaeche: die 01/02/03-Karten wiederholen ihre Ueberschrift als Fliesstext (Platzhalter-Anmutung).

Uebernehmen: die CV→Story-Kartenkaskade als Hero-Visual.
A7Human Premium

Human Premium

tests-2026-06-09 / v3

Trifft den warmen, menschlichen DACH-Trust-Ton am besten: „KI, die dich nicht austauschbar macht — sondern klarer.“ Editorial-ruhig, premium. Das dunkle Preview-Panel verliert aber Struktur gegenueber dem Command-Grid.

Uebernehmen: die editorial-warme Headline-Haltung als Leit-Ton.
A8Partner Institutional

Partner Institutional

tests-2026-06-11-different / v5

Trifft die B2B-/Foerder-Schiene fuer Graz/Steiermark exakt: Serif-Editorial mit „Partner-Pilotplan“-Card und Zielgruppen-Chips (Bildungstraeger / Beratung / AMS-nah). Beste Vorlage fuer die /partner-Seite.

Uebernehmen: Partner-Pilotplan-Card + institutionelle Zielgruppen-Chips.
A9Career Command

Career Command (mit Vorbehalt)

tests-2026-06-09 / v2

Visuell der praeziseste „Command-Center“-Eindruck: analytisches Grid-Panel, high-trust Dashboard-Signatur. Aber: zeigt einen 92%-Fit-Score — das verletzt die harte Compliance-Regel (kein numerisches Feld). Look ja, Zahl nein.

Uebernehmen: die Dashboard-Optik — Score-Zahl durch qualitative Status-Chips ersetzen.
Compliance-Stopp (gilt fuer die Umsetzung): Mehrere Dashboard-Varianten (v2 „Career Command“ = 92 %, day3-v2 = „72“) zeigen einen numerischen Fit-Score. Das ist im Produkt verboten (RISK_GATES Gate 6, EU AI Act: Profiling = Hochrisiko; harte Invariante „kein numerisches Feld im Result-Typ“). Die Dashboard-Optik ist uebernehmbar, die Zahl nicht — sie muss durch die bereits existierenden qualitativen Status-Chips ersetzt werden (geprueft / begruendet / Review / Go noetig).

Wie ich weiterarbeiten wuerde

Kein Neubau und kein „eine-Variante-gewinnt“. Die staerkste Loesung ist eine Fusion: das vollstaendige Geruest der Live-Seite, veredelt mit dem Editorial-Ton und den drei, vier staerksten Einzel-Bausteinen. Konkret in dieser Reihenfolge:

Geruest = Live-Deploy uebernehmen

Aus: deploy-live-2026-06-12. Es ist die einzige komplette Produktseite (Hero → Prozess → Grid → Trust → CTA). Als Informationsarchitektur behalten, nur Tonalitaet und Einzelmodule tauschen.

Ton & Typografie = Editorial-Serif + Cognac/Sand

Aus: diff-v1 (Premium Editorial) + day3-v1 (Trust Command). Serif-Headline, warme Sand-/Cognac-Palette, Pull-Quote im Hero. Ersetzt den noch generischen blau-tech Look der Live-Seite — das ist der groesste Hebel gegen „KI-Klischee“.

Hero-Beweis = Kontrolle zeigen, nicht behaupten

Aus: lp07-01 (CV→Story-Kaskade) oder diff-v4 (Phone-Chat). Ein konkretes Visual des menschlichen Freigabe-Schritts statt einer generischen Illustration. Zahlt direkt auf „Human-in-the-loop“ ein.

Wert-Anker = Report als Produkt

Aus: lp07-04 (PDF-Report-Editorial). Die Dokumentkarte mit Premium-Beweis-Chip als Andeutung des Application-Proof-Pack — rein andeutend (kein Preis fix, kein Checkout), passend zur bereits gebauten ApplicationPackPreview.

Trust-Section = sichtbares Feature

Aus: deploy-live (Trust Guardrails) + diff-v3 (3-Stufen-Freigabekette). Dunkle Governance-Section mit der Kette Unterlagen → Pruefung → menschliche Freigabe. Trust bleibt sichtbar, nicht versteckt.

B2B = eigene Partner-Seite

Aus: diff-v5 (Partner Institutional). Pilotplan-Card + Zielgruppen-Chips fuer /partner. Trifft die Graz/Steiermark-Foerderschiene.

Vor Umsetzung: Compliance-Pass

Quer ueber alle Module. Jeden numerischen Score entfernen, KI-Kennzeichnung (AI_NOTICE) und Export-Watermark sicherstellen, keine erfundenen Logos/Testimonials. Danach: in die echte Next.js-App uebersetzen (nicht als weitere Standalone-HTML), build + typecheck + test:smoke gruen.

Wichtig: Diese ~21 HTML-Dateien sind Explorations-Artefakte, kein Produktcode. Der naechste Schritt ist, die entschiedene Fusion in der laufenden Next.js-App (topjobpilot/, Executive Proof Deck ist dort seit Commit ad31dc9 das beschlossene System) umzusetzen — nicht eine 22. Standalone-Variante zu bauen.

Die uebrigen Varianten (B/C-Tier)

Solide bis schwach — einzelne Elemente brauchbar, als Ganzes nicht die Richtung. Der Vollstaendigkeit halber.

VarianteQuelleTierKurzurteil
Guided Application Flowlp 06-07 / 02B2×2-Flow-Bento mit Freigabe-Feld gut; kalter Blau-Verlauf driftet Richtung Standard-SaaS.
Trust Governance Darklp 06-07 / 03BInstitutioneller Dark+Gold-Look; einige Mid-Page-Karten mit WCAG-Kontrastrisiko.
Partner Institutional (07)lp 06-07 / 05BTrifft den B2B-Ton, aber optisch am blassesten — diff-v5 macht es besser.
Executive Cockpit06-09 / v1BSouveraenes Cockpit-Preview; graue Feature-Kacheln wirken wie Platzhalter, viel toter Whitespace.
Agency Grade06-09 / v5B„Premium-Service als Software“ glaubwuerdig; Preview-Panel gedraengt, Textumbrueche.
Fast Apply06-09 / v4CGuter heller Consent-Kontrast; „in Minuten“-Framing kippt ins reisserische Fast-Tool-Klischee.
App-like Sprintday3 / v2BMutiges Dark-Cockpit-Mockup; Lime-Akzent + Zahl „72“ naehert sich Score-/KI-Klischee.
Product Workflowdifferent / v2C4-Schritt-Logik ok, aber das Hero-Mockup ist gerendert kaputt (vertikaler Buchstaben-Umbruch).
Trust Governance (diff)different / v3BStarke 3-Stufen-Freigabekette; Hero-Headline ueberlappt die Diagramm-Card, Blau generisch.
Daily-Run 06-18daily-website-runsBSaubere A/B-Richtungs-Gegenueberstellung, aber Meta-/Auswahlseite statt Produktseite.
Daily-Run 06-11 / 06-12daily-website-runsCInterne Arbeits-/Protokoll-Snapshots ohne Produktsubstanz oder CTA.