# UX-Review: afb-group.at — Anfragestrecke „IT verkaufen" und „Gewerblich kaufen" **Datum:** 2026-08-03 · **überarbeitet 2026-08-04** nach vollständiger Datenverifikation (siehe „Revision" am Ende) **Quelle:** Live-URLs `https://www.afb-group.at/it-hardware/verkaufen/`, `/kontakt-it-verkaufen/`, `/it-hardware/kaufen/gewerblich/`, `/kontakt-b2b-sales/` · Vergleich gegen die pfadgleichen DE-Pendants **Viewport / Gerät:** Mobile (primär), Desktop 1440 (sekundär). Pixelwerte für Mobil sind bei 500 px Fensterbreite gemessen; bei 390 px verschieben sich Inhalte weiter nach unten, die Befunde werden also stärker, nicht schwächer. **Reviewer:** Claude (UX-Sparring) **Scope:** Usability, Microcopy, Accessibility (WCAG-Quickcheck), Performance **Datengrundlage:** Clarity 16.07.–03.08.2026 (19 Tage, 1.299 Sitzungen) · GA4 90 Tage (2026-05-05 – 2026-08-03, abgefragt am 2026-08-04) · Live-Erhebung via Chrome DevTools und lokaler Seiten-Snapshot am 2026-08-04 > **Zu den Zahlen.** Jede Zahl in diesem Dokument ist gegen ihre Quelle nachgeprüft: GA4 gegen die Data API, Clarity gegen die CSV-Exporte und den API-Cache, alle DOM-Aussagen gegen die echte Seite **und** gegen den archivierten Snapshot unter `pages/`. Wo eine Zahl aus zwei Quellen mit unterschiedlicher Definition stammt, steht die Quelle dabei. --- ## TL;DR Die Anfragestrecke verliert Interessenten vor allem **vor** dem Formular: Ein mobiler Besucher der wichtigsten Lead-Seite sieht im ersten Bildschirm keinen einzigen Call-to-Action — der erste Button beginnt bei 1.033 px, der Bildschirm endet bei 844 px. Bei **22 % durchschnittlicher Scroll-Tiefe** (Clarity, 606 Sitzungen) erreicht die Mehrheit nie eine Handlungsaufforderung, und die Preisinformation, die sie nachweislich sucht, beginnt erst nach rund 40 % der Seitenlänge. Von 2.445 Sitzungen auf der Lead-Seite erreichen 11,6 % die Kontaktseite. Das Formular selbst enthält mit einer **Rechenaufgabe** und einer verpflichtenden Marketingfrage klar benennbare Hürden — **wie stark sie wirken, ist aktuell nicht messbar**, weil GA4 auf dem Anfrageformular keine einzige Absendung erfasst (Finding 16). Alle Punkte sind ohne Design-Projekt reparierbar. Wichtig für die Erwartung: Die **Hürden im Formular sind in DE identisch** — dieselben sieben Pflichtfelder, dieselbe Pflicht-Herkunftsfrage, derselbe Pflicht-Freitext, dieselbe Rechenaufgabe. Das Formular erklärt die AT/DE-Lücke also nicht, sondern kostet beide Märkte Anfragen. In der *Umsetzung* ist AT allerdings schlechter: keine Audio-Alternative zum CAPTCHA und Multiplikation statt Addition. Der AT-spezifische Unterschied liegt im Gerätemix (**51 % mobil gegenüber 33 %**) und in der Traffic-Qualität. --- ## Kontext & Annahmen - **Nutzerziel:** Ein IT- oder Beschaffungsverantwortlicher will wissen, ob afb seine ausgemusterte Hardware nimmt, was er dafür bekommt und wie der Ablauf aussieht — und dann Kontakt aufnehmen. - **Businessziel:** Qualifizierte B2B-Anfrage über `/kontakt-it-verkaufen/` bzw. `/kontakt-b2b-sales/`. Referenz: rund 8 Anfragen pro Monat in AT gegenüber rund 80 in DE — so im internen Kickoff am 09.07.2026 genannt (Beleg: `data/intake/sources/fireflies/2026-07-09-afb-interner-kickoff.md`). Definition und Zeitraum dieser beiden Zahlen sind nicht dokumentiert; sie sind als Größenordnung zu lesen, nicht als Kennzahl. - **Annahme:** Die Zielgruppe entscheidet nicht impulsiv, sondern prüft Seriosität, Datensicherheit und Konditionen. Vertrauensbelege und Preislogik sind damit conversionrelevant, nicht dekorativ. - **Annahme (ausdrücklich unbelegt):** Der hohe Anteil an `click_to_call` auf Mobilgeräten (27 von 30 Anrufklicks) bedeutet gewollte Kontaktaufnahme. GA4 misst den Klick, nicht die Absicht und nicht das Zustandekommen des Gesprächs. - **Belegt statt vermutet:** Alle Scroll-, Klick- und Volumenzahlen unten stammen aus Clarity bzw. GA4, alle DOM-Aussagen aus einer Messung an der echten Seite. --- ## Findings | # | Bereich | Problem | Auswirkung | Empfehlung | Priorität | Effort | Quelle | |---|---|---|---|---|---|---|---| | 1 | Usability | **Kein CTA im ersten mobilen Bildschirm** auf `/it-hardware/verkaufen/`. Sichtbar sind Logo, Suche, Burger und — über dem Hero-Bild — die H1 „Ankauf Firmen-Laptops – gebrauchte PCs verkaufen" (ab 275 px) sowie ein **achtzeiliger** Einleitungsabsatz (399–603 px). Ein Button ist nicht darunter: der erste CTA „IT-Verkauf starten" beginnt bei **1.033 px**, der Bildschirm endet bei **844 px**. | Bei **22 % durchschnittlicher Scroll-Tiefe** (niedrigster Wert aller Seiten mit mindestens 20 Sitzungen; die übrigen 14 meistbesuchten Seiten liegen bei 36–81 %) erreicht die Mehrheit der 606 Sitzungen nie eine Handlungsaufforderung. Am Desktop liegt der erste CTA bei 989 px bei 900 px Fensterhöhe — also ebenfalls knapp darunter. | Primären CTA in den ersten Bildschirm ziehen, mobil als eigenständiges Element direkt unter der Headline. Zusätzlich einen mitlaufenden CTA-Balken ab dem ersten Scroll. | **P0** | S | Malewicz, *Designing User Interfaces* (Above-the-fold-Hierarchie); Live-Messung | | 2 | Usability | **Rechenaufgabe als Pflichtfeld** im Anfrageformular (z. B. „7 * 2 = ?" — die Aufgabe wird je Aufruf neu erzeugt). Dazu **sieben Pflichtfelder** (Vorname, Nachname, Unternehmen, Firmen-E-Mail, Herkunftsfrage, Nachricht, Captcha) plus die rechtlich nötige Datenschutz-Zustimmung. Darunter eine Pflicht-Auswahl „Wie sind Sie auf afb aufmerksam geworden?" und ein Pflicht-Freitext „Ihre Nachricht". | 45 Formularstarts in 90 Tagen bei 49 bestätigten Anfragen site-weit. Die Abbruchquote ist **nicht messbar** (Finding 16), die Hürden sind aber unabhängig davon belegbar: Eine Rechenaufgabe als Zugangsbedingung und eine Pflichtangabe, die nur dem Marketing des Anbieters dient, sind für eine B2B-Kontaktaufnahme nicht begründbar. **Die Herkunftsfrage ist zudem redundant** (Finding 18). | Rechenaufgabe durch ein unsichtbares Verfahren ersetzen (Honeypot, Zeitmessung, Cloudflare Turnstile). Herkunftsfrage auf optional setzen. Pflicht-Freitext durch Auswahl „Worum geht es?" ersetzen, Freitext optional. Solange die Rechenaufgabe bleibt: DE-Konfiguration übernehmen (Addition statt Multiplikation, Audio-Alternative). | **P0** | S–M | Shariat/Savard Saucier, *Tragic Design*; Enders, *Designing UX: Forms*; DOM-Messung | | 16 | Messung | **Auf beiden Anfrageformularen wird keine Absendung gezählt.** `/kontakt-it-verkaufen/` 45 `form_start` / **0** `form_submit`, `/kontakt-b2b-sales/` 2 / **0**. Gleichzeitig 49 `kontakt_danke_at` — Absendungen finden also statt. Ursache mit hoher Wahrscheinlichkeit: Contact Form 7 sendet per AJAX (`wpcf7-form`), die GA4-Standarderfassung greift nicht. Zusätzlich messen die site-weiten Formularzahlen etwas anderes: **von 68 gezählten Absendungen stammt genau eine von einem echten Kontaktformular** (`/kontakt/`). Die anderen 67 sind die Website-Suche, die in der Kopfzeile jeder Seite steht — 39 auf der Startseite (dort auch 74 `view_search_results`), 28 verteilt auf 18 weitere Seiten. | Der Kunde kann seinen eigenen Anfrage-Funnel nicht sehen. Die Wirkung jeder Maßnahme an der Anfragestrecke — auch der Empfehlungen aus diesem Review — wäre derzeit nicht belegbar. | Eigenes Ereignis auf das CF7-Event `wpcf7mailsent` legen und als Key Event markieren. `click_to_call` und `click_to_mail` ebenfalls als Key Event. `customEvent:form_name` befüllen — **das Formular sendet die Kennung bereits mit** (Finding 18). **Vor** allen Gestaltungsmaßnahmen umsetzen, damit eine Nulllinie existiert. | **P0** | S | GA4-Ereignisanalyse je `pagePath`, alle 22 Seiten mit Treffern | | 17 | Usability | **Die Vertrauensbelege am Formular werden nie angezeigt.** Am Formular liegen **vier** Zertifikatsbilder (Blancco ITAD Platinum Partner, TÜV ISO 9001, Microsoft Authorized Refurbisher, VSE). Sie stecken in einem **horizontalen Logo-Karussell**, dessen Folien bei `left` 1.211–4.480 px außerhalb des Viewports liegen. `lazyload.min.js` lädt über einen IntersectionObserver — was nie in den Viewport gelangt, wird nie geladen. Ergebnis: **mobil lädt keines der vier**, am Desktop lädt **nur Blancco**. Erzwingt man die Sichtbarkeit je Bild, laden alle vier korrekt. Dazu: `alt=""` bei zwei von vier (Blancco, VSE). | Genau im Entscheidungsmoment fehlen die Nachweise, die den zentralen Kaufeinwand („kann ich mich da wirklich drauf verlassen?") beantworten. **DE hat denselben Defekt**: dort erscheint eines von fünf Zertifikaten. Es ist also kein Marktvorteil von DE, sondern ein gemeinsamer Fehler. | Zertifikate als statische Reihe ausgeben statt als Karussell — dann greift Lazyload. `alt`-Texte für Blancco und VSE ergänzen. Gilt für beide Märkte. | **P0** | S | WCAG 2.2, 1.1.1; DOM- und Geometriemessung an der Live-Seite | | 3 | Usability | **Preis-/Konditionsinformation liegt im kalten Bereich.** Der Abschnitt „Ankauf-Konditionen auf einen Blick" beginnt mobil bei **5.909 px** einer **15.161 px** hohen Seite (39 %), am Desktop bei 3.527 px von 8.279 px (43 %). Die Scroll-Heatmap zeigt mobil: 91 % der Sitzungen erreichen 5 % Tiefe, 64 % erreichen 10 %, ab 20 % nur noch 36 % (n = 11). | Die Beispielkalkulation ist mit **50 Downloads das häufigste Conversion-Signal** der Seite — die Nachfrage nach Preisen ist belegt, die Information aber praktisch unerreichbar. | „Was zahlt afb?" als eigenen Abschnitt in den oberen Seitenbereich, mit Sprungmarke aus dem Hero. Beispielkalkulation direkt dort anbieten, nicht nur als Download weit unten. | **P0** | M | Krug-Prinzip der Selbsterklärung; Clarity-Scroll-Daten; Live-Messung | | 5 | a11y | **Drei Links ohne zugänglichen Namen** auf `/kontakt-it-verkaufen/`: der Telefon-Link (`tel:+4316160313142`, ohne Text), der VSE-Zertifikats-Link (`VSE_Zertifikat_afb2026.pdf`, Bild mit `alt=""`) und der Link auf `/ueber-uns/geschichte/`. | Screenreader lesen „Link" ohne Ziel. Verstoß gegen WCAG 2.4.4 / 4.1.2. Betrifft genau die Kontaktaufnahme per Telefon. DE hat an derselben Stelle nur einen. | Linktexte ergänzen bzw. `aria-label` setzen. Beim Telefon-Link die Nummer als Text ausgeben. | **P0** | S | WCAG 2.2, 2.4.4 Link Purpose; DOM-Messung (Namensberechnung ohne `