Webdesign Referenzen bewerten: So erkennst du echte Qualität

Warum Referenzen wichtiger sind als jedes Versprechen

Jeder Webdesigner behauptet, tolle Websites zu bauen. Jede Agentur verspricht "individuelle Designs", "SEO-Optimierung" und "DSGVO-Konformität". Diese Versprechen kosten nichts. Referenzen hingegen zeigen, was wirklich geliefert wurde.

Stell dir vor, du beauftragst einen Handwerker für deine Küche. Du würdest ihn fragen, welche Küchen er bereits gebaut hat, und dir diese anschauen. Beim Webdesign ist das genauso. Der Unterschied: Eine schlechte Küche siehst du sofort. Bei einer Website musst du genauer hinschauen, denn viele Probleme liegen unter der Oberfläche.

Eine Website kann optisch ansprechend aussehen und trotzdem:

• auf dem Smartphone kaum lesbar sein
• 5 Sekunden Ladezeit haben und damit kaum Besucher halten
• keine DSGVO-konforme Einwilligung für Cookies haben
• bei Google unsichtbar sein, weil SEO-Grundlagen fehlen
• ein fertiges Template sein, das der Designer nur umgefärbt hat

All das erkennst du nicht, wenn du nur ein Screenshot-Portfolio betrachtest. Du erkennst es, wenn du die echten Websites besuchst und gezielt prüfst. Genau das zeigt dir dieser Artikel.

Eine gute Referenz beantwortet drei Fragen: Sieht die Website professionell aus? Funktioniert sie technisch einwandfrei? Und bringt sie dem Kunden tatsächlich etwas, zum Beispiel mehr Anfragen oder besseres Ranking?

Willst du wissen, wie deine aktuelle Website abschneidet? Kostenloser Website-Audit jetzt testen →

7 Kriterien: So bewertest du Webdesign Referenzen richtig

Wenn du ein Portfolio ansiehst, teste jede Referenz-Website anhand dieser sieben Kriterien. Sie decken die wichtigsten Qualitätsdimensionen ab: Mobile, Technik, Recht, Design, Sichtbarkeit, Aktualität und Passgenauigkeit.

Kriterium 1: Mobile-Darstellung

Öffne die Referenz-Website auf deinem Smartphone. Nicht auf dem Desktop, nicht im Browser-Simulator, sondern auf deinem echten Gerät. Fragen, die du dir stellen solltest:

• Ist der Text ohne Zoomen lesbar?
• Sind Buttons und Links groß genug zum Tippen?
• Wird die Navigation übersichtlich dargestellt?
• Gibt es horizontales Scrollen oder abgeschnittene Inhalte?
• Laden Bilder schnell und in der richtigen Größe?

Heute kommen mehr als 60 Prozent aller Website-Besucher über mobile Geräte. Eine Website, die auf dem Desktop schön aussieht, auf dem Handy aber kaum funktioniert, ist kein professionelles Webdesign. Es ist ein halbfertiges Projekt.

Kriterium 2: Ladezeit (PageSpeed)

Öffne Google PageSpeed Insights (pagespeed.web.dev) und gib die URL der Referenz-Website ein. Du bekommst innerhalb von Sekunden einen Score von 0 bis 100, getrennt für Mobile und Desktop. Was ist gut?

• 90-100: Ausgezeichnet. Der Designer weiß, was er tut.
• 70-89: Gut. Kleine Optimierungen wären möglich.
• 50-69: Durchschnittlich. Erklärbedarf vorhanden.
• Unter 50: Schlecht. Diese Website verliert täglich Besucher.

Viele WordPress-Websites, die mit Page Buildern (Elementor, Divi) gebaut wurden, erreichen auf Mobile kaum über 40 Punkte. Das ist kein Zufall, sondern ein strukturelles Problem dieser Technologie. Frage den Designer, welche Technik er einsetzt und warum.

Kriterium 3: DSGVO-Konformität

Öffne die Referenz-Website und prüfe folgendes, am besten im Inkognito-Modus des Browsers:

• Erscheint ein Cookie-Banner, bevor externe Dienste geladen werden?
• Gibt es eine Datenschutzerklärung, die wirklich alle genutzten Dienste aufführt?
• Ist ein Impressum vorhanden und vollständig (Name, Adresse, E-Mail)?
• Sind Google Fonts, YouTube-Videos oder Social-Media-Plugins nur nach Zustimmung aktiv?

DSGVO-Verstöße sind kein Kavaliersdelikt. Sie können zu Abmahnungen führen und kosten den Kunden im schlimmsten Fall mehrere tausend Euro. Ein Webdesigner, der die DSGVO bei seinen Referenzen ignoriert, wird sie auch bei deinem Projekt ignorieren.

Unser kostenloser DSGVO-Check prüft eine Website in Sekunden auf die häufigsten Datenschutz-Probleme.

Kriterium 4: Individuelles Design vs. Template

Viele Webdesigner kaufen fertige Themes oder Templates (zum Beispiel bei ThemeForest) und passen diese nur leicht an. Das ist nicht grundsätzlich falsch, aber du solltest es wissen und dementsprechend einen anderen Preis erwarten.

So erkennst du ein Template-Design:

• Alle Referenz-Websites sehen strukturell ähnlich aus (gleiche Sektions-Reihenfolge, ähnliche Schriften)
• Das Design wirkt generisch und könnte für jede Branche passen
• Visuelle Elemente wie Icons oder Illustrationen sind erkennbar Stock-Material
• Reverse Image Search bei Google zeigt das gleiche Design woanders

Individuelles Design erkennt man daran, dass jede Referenz einen eigenen Charakter hat, zum Unternehmen und zur Branche passt und sich erkennbar von anderen Websites unterscheidet. Was professionelles Webdesign wirklich ausmacht, liest du in unserem ausführlichen Ratgeber.

Kriterium 5: SEO-Sichtbarkeit

Eine schöne Website, die niemand findet, bringt dem Kunden nichts. Prüfe daher die SEO-Grundlagen der Referenz-Websites:

• Öffne die Website und schau in den Browser-Tab: Gibt es einen aussagekräftigen Titel (nicht nur "Startseite" oder "Home")?
• Rechtsklick im Browser, "Seitenquelltext anzeigen": Gibt es eine Meta-Description?
• Ist die Heading-Struktur sinnvoll (ein H1, dann H2, dann H3)?
• Sind Bilder mit Alt-Texten versehen?

Du kannst auch den kostenlosen Google Ranking Check nutzen, um zu sehen, für welche Keywords eine Website sichtbar ist. Eine gut gebaute Website rankt nach einigen Monaten für relevante Suchbegriffe. Eine schlecht gebaute nicht.

Kriterium 6: Aktualität der Referenzen

Frage den Designer nach dem Baujahr seiner Referenzen. Webdesign-Standards ändern sich schnell: Core Web Vitals (Ladezeit-Metriken von Google) wurden 2021 eingeführt. Die WCAG-Barrierefreiheitspflicht gilt ab 2025. Was vor drei Jahren noch in Ordnung war, ist heute unter Umständen nicht mehr zeitgemäß.

Achte darauf, dass ein Großteil der Referenzen aus den letzten ein bis zwei Jahren stammt. Wenn der Designer vor allem Projekte aus 2020 oder früher zeigt, hat er entweder wenig gearbeitet oder seine aktuellen Projekte sind nicht vorzeigbar.

Kriterium 7: Branchenpassung

Hat der Designer Erfahrung in deiner Branche? Das ist kein Muss, aber es ist ein Vorteil. Ein Webdesigner, der bereits Websites für Handwerksbetriebe gebaut hat, kennt typische Anfragen (Notdienst, Einzugsgebiet, Leistungsseiten), weiß welche Inhalte Kunden erwarten und hat bewährte Strukturen, die funktionieren.

Branchenrelevante Referenzen findest du unter anderem für:

• Handwerker und Gewerbe
• Gastronomie und Restaurants

Schnell-Check gefällig? Teste jetzt eine Referenz-Website auf DSGVO-Konformität →

Red Flags: Wann du skeptisch werden solltest

Neben den sieben Qualitätskriterien gibt es konkrete Warnsignale, die auf ein ernstes Problem hindeuten. Wenn du eines dieser Zeichen siehst, solltest du vor der Beauftragung intensiver nachfragen.

Keine echten URLs, nur Screenshots

Wenn ein Designer im Portfolio ausschließlich Bilder zeigt, aber keine verlinkten Websites, kann das mehrere Gründe haben. Entweder existieren die Projekte nicht mehr (was normal ist), die Kunden haben eine andere Agentur beauftragt und das Design wurde verändert, oder die Projekte wurden nie wirklich umgesetzt.

Frage konkret nach: "Haben Sie eine dieser Websites live? Kann ich sie besuchen?" Ein seriöser Designer hat mindestens 3 bis 5 aktive Referenzen, die du besuchen kannst.

Zu viele völlig unterschiedliche Stile

Ein Portfolio, das von minimalistisch-modern über kunterbunt-verspielt bis hin zu nüchtern-korporativ alles zeigt, klingt zunächst vielseitig. Es kann aber auch bedeuten, dass der Designer keinen eigenen Stil entwickelt hat und sich durchgehend an Templates bedient. Frage, welcher dieser Stile seiner eigentliche Handschrift entspricht und wie er typischerweise vorgeht.

Referenzen ohne Kundenstimmen oder Kontext

Ein gutes Portfolio erklärt, was das Projekt war, welche Herausforderungen es gab und was das Ergebnis für den Kunden bedeutet hat. Reine Screenshot-Galerien ohne Kontext sagen nichts über den tatsächlichen Projekterfolg aus.

Besonders wertvoll sind konkrete Ergebnisse: "Die Ladezeit wurde von 8 Sekunden auf 1,2 Sekunden reduziert" oder "Nach dem Relaunch stieg die Anfragenzahl um 40 Prozent." Wenn ein Designer gar keine Ergebnisse nennt, fragt er seine Kunden wahrscheinlich nicht danach.

Alle Referenzen stammen aus dem eigenen Umfeld

Ein Portfolio, das nur Projekte für Freunde, Familie oder fiktive Projekte enthält, ist kein echtes Portfolio. Es zeigt, dass der Designer noch keine zahlenden Kunden hatte oder keine echten Referenzen vorzeigen kann. Das ist für absolute Einsteiger verständlich, aber dann sollte der Preis entsprechend niedriger sein.

Keine Angaben zu Technik und Datenschutz

Professionelle Webdesigner können auf die Frage "Welche Technologie nutzen Sie und warum?" eine klare Antwort geben. Sie können erklären, warum ihre Lösung schnell, sicher und DSGVO-konform ist. Wer auf diese Fragen ausweicht oder "das macht WordPress schon automatisch" antwortet, sollte hinterfragt werden.

So präsentiert KI-WebSichtbar seine Referenzen

Transparenz ist das Fundament jeder Referenz-Präsentation. Deshalb zeigt KI-WebSichtbar Projekte nicht als polierte Screenshot-Galerie, sondern mit echten Metriken, die du selbst überprüfen kannst.

Was KI-WebSichtbar bei Referenzen zeigt

Für jedes Referenzprojekt gibt es folgende Angaben:

• Live-URL: Die echte Website, die du direkt besuchen und testen kannst
• Branche und Projektart: Damit du einschätzen kannst, ob Erfahrung in deinem Bereich vorhanden ist
• PageSpeed-Score: Gemessen mit Google PageSpeed Insights, nicht hochgegriffen
• Technologie: Handcodiertes HTML/CSS/JS, kein WordPress, kein Page Builder
• Enthaltene Leistungen: Was genau gebaut wurde (DSGVO, SEO, Responsive, Schema.org)

Warum handcodierte Websites besser abschneiden

Alle Projekte bei KI-WebSichtbar werden handcodiert, also ohne WordPress, ohne Page Builder und ohne unnötige Abhängigkeiten. Das hat direkte Auswirkungen auf Qualitätsmerkmale, die du in Referenzen messen kannst:

Das bedeutet: Wenn du Referenzen von KI-WebSichtbar mit einem PageSpeed-Tool testest, wirst du die gleichen Werte sehen, die wir angeben. Kein Hochrechnen, keine optimierten Testbedingungen.

Wenn du wissen willst, wie sich handcodierte Websites gegen andere Optionen behaupten, schau dir unseren Vergleich Webdesign Preise 2026 an. Dort erklären wir auch, warum der Festpreis für dich als Auftraggeber transparenter ist als Stundensätze.

Checkliste: Referenzen-Check vor der Beauftragung

Nutze diese acht Punkte als schnellen Check, bevor du einen Webdesigner oder eine Agentur beauftragst. Du brauchst dafür keine technischen Vorkenntnisse, nur ein Smartphone und etwa 15 Minuten Zeit.

1. Echte URLs vorhanden?
   Gibt es mindestens 3 bis 5 Referenz-Websites, die du per Klick besuchen kannst? Falls nur Screenshots gezeigt werden, frage nach Live-Links.
2. Mobile-Darstellung getestet?
   Öffne zwei bis drei Referenzen auf deinem Smartphone. Sind Texte lesbar, Buttons tippbar, Navigation übersichtlich?
3. PageSpeed gemessen?
   Gib eine Referenz-URL bei Google PageSpeed Insights ein. Score unter 70 auf Mobile ist ein Warnsignal. Frage den Designer, was er dagegen tut.
4. DSGVO-Grundlagen geprüft?
   Im Inkognito-Modus: Erscheint ein Cookie-Banner? Gibt es eine Datenschutzerklärung und ein vollständiges Impressum?
5. Individuelles Design oder Template?
   Sehen alle Referenzen strukturell gleich aus? Wenn ja, frage konkret, ob Templates eingesetzt werden.
6. Aktualität der Projekte geklärt?
   Wann wurden die gezeigten Projekte umgesetzt? Mindestens die Hälfte sollte aus den letzten zwei Jahren stammen.
7. Branchenerfahrung vorhanden?
   Hat der Designer Projekte aus deiner Branche oder einem ähnlichen Umfeld gezeigt?
8. Kontakt zu einem Referenz-Kunden möglich?
   Seriöse Designer können auf Anfrage einen zufriedenen Kunden als Referenz benennen. Frage danach.

Wenn du alle acht Punkte überprüft hast und keine größeren Warnsignale siehst, ist das ein sehr gutes Zeichen. Kombiniere diesen Check mit dem Gespräch mit dem Designer: Wie kommuniziert er? Stellt er Rückfragen zu deinem Unternehmen? Oder schickt er einfach ein Angebot raus, ohne zu verstehen, was du brauchst?

FAQ: Häufige Fragen zu Webdesign Referenzen

Wie viele Referenzen sollte ein Webdesigner zeigen?

Mindestens 5 bis 10 Projekte, idealerweise aus verschiedenen Branchen. Achte darauf, dass die Referenzen aktuell sind (aus den letzten 1 bis 2 Jahren) und echte URLs haben, die du selbst testen kannst. Mehr als 20 Referenzen sind ein gutes Zeichen für Erfahrung, aber Qualität geht vor Quantität. Zehn hervorragende Referenzen sind wertvoller als 50 mittelmäßige Screenshots.

Kann ich die Referenz-Websites selbst testen?

Ja, und das solltest du unbedingt tun. Teste die Ladezeit mit Google PageSpeed Insights (pagespeed.web.dev), prüfe die Mobile-Darstellung auf deinem Smartphone und schaue, ob Impressum und Datenschutzerklärung vorhanden und vollständig sind. Du kannst auch unseren kostenlosen DSGVO-Check oder Google Ranking Check nutzen, um eine Referenz-Website in Sekunden zu analysieren.

Was tun wenn ein Webdesigner keine Referenzen zeigt?

Vorsicht. Seriöse Webdesigner zeigen ihre Arbeit. Wenn jemand keine Referenzen hat oder ausweicht, ist er entweder Anfänger (was in Ordnung sein kann, wenn der Preis entsprechend niedriger ist) oder will etwas verbergen. Frage mindestens nach 2 bis 3 konkreten Projekten mit URLs. Wenn keine gezeigt werden können, hol dir ein zweites oder drittes Angebot von jemandem, der seine Arbeit offen präsentiert.

Sind Bewertungen auf Google oder ProvenExpert aussagekräftig?

Als Ergänzung ja, aber nie als einziges Kriterium. Bewertungen sagen etwas über Kommunikation, Zuverlässigkeit und die allgemeine Zufriedenheit des Kunden. Sie sagen aber nichts über technische Qualität, Ladezeiten, DSGVO-Konformität oder nachhaltigen SEO-Erfolg. Prüfe immer auch die echten Websites im Portfolio. Die Kombination aus guten Bewertungen und überzeugenden Live-Referenzen ist das stärkste Signal für einen verlässlichen Anbieter.