Neo1 Media — Florian Korn

Die 15 Prinzipien
für Unternehmens­websiten

Wie du mit einer neuen Website Vertrauen aufbaust und mehr Kunden gewinnst

Florian Korn Neo1 Media, Viernheim — 2025
Vorwort

Deine Website ist oft der erste Eindruck, den ein potenzieller Kunde von dir bekommt — und meistens entscheidet er in weniger als fünf Sekunden, ob er bleibt oder geht. Ich habe in den letzten Jahren viele Unternehmenswebsites gebaut und analysiert, und immer wieder sehe ich dieselben Fehler: zu viel Text, zu langsam, kein klares Ziel, Stockfotos die austauschbar wirken, und Designs die aus dem Baukasten stammen und das auch zeigen. Diese 15 Prinzipien sind das Destillat aus dieser Arbeit. Kein theoretisches Framework — sondern das, was ich selbst umsetze, wenn ich eine Website für ein Unternehmen aufbaue. Wenn du diese Prinzipien konsequent anwendest, wird deine Website nicht nur besser aussehen, sie wird auch besser funktionieren.

Die Prinzipien

15 Grundsätze für eine Website, die wirklich arbeitet

Jedes dieser Prinzipien ist für sich allein wirkungsvoll. Zusammen sind sie die Grundlage jeder Website, die ich entwickle.

01

Domain & Hosting

Die Domain ist deine Adresse im Netz — sie muss erinnerbar, kurz und idealerweise mit .de oder .com enden. Alles was zu kryptisch ist, zu lang, oder Bindestriche enthält, verliert sich im Kopf der Menschen. Ich empfehle, die Domain so früh wie möglich zu registrieren, auch wenn die Website noch nicht steht. Beim Hosting gilt: was nichts kostet, kostet später Zeit. Ich nutze für meine Projekte Anbieter wie Ionos oder Hetzner — zuverlässig, deutscher Datenschutz, schnelle Server. Shared-Hosting für einen Euro im Monat mag verlockend klingen, bringt aber langsame Ladezeiten und schlechte Performance-Werte mit sich, die dich bei Google direkt benachteiligen.

Ich habe das bei einem Handwerksbetrieb in Mannheim erlebt: Die hatten eine Domain mit drei Bindestrichen und einem Zahlendreher, gehostet auf dem billigsten Paket eines No-Name-Anbieters. Kein Mensch konnte sich die URL merken, und wenn jemand die Seite tatsächlich gefunden hat, hat sie fünf Sekunden zum Laden gebraucht. Wir haben eine saubere .de-Domain registriert, auf Hetzner umgezogen, und allein dadurch hat sich die Ladezeit auf unter eine Sekunde halbiert. Der häufigste Fehler den ich sehe: Unternehmer sparen am Hosting, weil sie denken, das sei nur ein technisches Detail. Aber das Hosting ist das Fundament deiner gesamten Online-Präsenz. Wenn das Fundament wackelt, hilft dir das schönste Design nichts. Stell dir vor, du mietest ein Ladengeschäft in der besten Einkaufsstraße, aber die Tür klemmt und das Licht flackert — genau so fühlt sich billiges Hosting für deine Besucher an. Vorher: eine kryptische Domain die niemand weiterempfehlen kann, Ladezeiten die Besucher vertreiben, kein SSL-Zertifikat. Nachher: eine kurze, einprägsame Adresse, blitzschnelle Seite, automatisches HTTPS, und ein Unternehmen das sofort seriöser wirkt.

Konkret Registriere deine .de-Domain sofort, auch wenn du noch nichts online stellst. Verwende einen Hoster, der SSL automatisch einbindet und über eine saubere Infrastruktur verfügt — nicht den Billigsten.
01
02

Kein WordPress-Overhead

WordPress hat über die Jahre ein riesiges Ökosystem aufgebaut — und damit auch ein riesiges Gewichtsproblem. Wer mit Elementor, Divi oder ähnlichen Page-Buildern arbeitet, lädt hunderte von Kilobytes JavaScript und CSS, die kaum jemand braucht. Das Ergebnis sind Ladezeiten von vier, fünf, sechs Sekunden — und damit verliert man Besucher, bevor sie überhaupt etwas gesehen haben. Ich schreibe Websites in sauberem HTML, CSS und minimalem JavaScript. Das lädt in unter zwei Sekunden, lässt sich langfristig wartbar halten, und schleppt keine technischen Schulden mit sich. Der vermeintliche Komfort eines Page-Builders ist eine Illusion — er kostet mehr Zeit bei der Pflege als er anfangs spart.

Ein Beispiel aus meiner Praxis: Ein Fitnessstudio aus der Region hatte eine WordPress-Seite mit Elementor, WooCommerce, drei Slider-Plugins und einem SEO-Tool. Die Seite hat 4,8 Sekunden geladen und der PageSpeed-Score lag bei 23 von 100. Wir haben die komplette Seite in reinem HTML und CSS neu gebaut — gleicher Inhalt, gleiches Design, aber ohne den ganzen Overhead. Ergebnis: 0,9 Sekunden Ladezeit, Score von 98. Die Anfragen über das Kontaktformular haben sich im ersten Monat verdoppelt. Der Fehler den die meisten machen: Sie denken, WordPress sei die einzige Option, weil "alle das nutzen". Aber für 80 Prozent aller Unternehmenswebsites — also Seiten mit fünf bis zehn Unterseiten, ohne komplexe Nutzerverwaltung — ist WordPress wie mit einem LKW zum Bäcker fahren. Du brauchst das Ding nicht, du zahlst aber trotzdem Sprit, Wartung und Versicherung. Die Wahrheit ist: Je weniger Code zwischen deinem Besucher und deinem Inhalt steht, desto besser ist das Erlebnis. Und desto weniger kann kaputtgehen, wenn mal ein Plugin-Update schiefläuft.

Konkret Bevor du ein CMS wählst, frag dich: Brauche ich wirklich ein vollständiges Backend-System, oder reichen statische HTML-Seiten mit gutem Hosting? Für die meisten kleinen Unternehmen ist die Antwort: Letzteres reicht vollkommen.
02
03

Weniger ist mehr

Jede Seite braucht eine klare Botschaft — und nur eine. Wenn ich eine Website-Sektion aufbaue, stelle ich mir eine Frage: Was soll der Besucher nach dem Lesen dieser Sektion denken, fühlen, oder tun? Wenn ich mehr als eine Antwort habe, habe ich zu viel. Das gilt auch für den Call-to-Action: Pro Seite ein primärer CTA. Nicht drei Buttons nebeneinander, nicht ein Link oben, einer in der Mitte und einer unten. Whitespace — der leere Raum zwischen Elementen — ist kein verschwendeter Platz. Er ist der Raum, der dem Auge Orientierung gibt und wichtige Inhalte atmen lässt. Volle Seiten wirken wie Lärm.

Ich hatte einen Kunden — einen Steuerberater — dessen Startseite acht verschiedene Leistungen, vier Buttons, ein Kontaktformular, ein YouTube-Video und einen Blog-Feed gleichzeitig gezeigt hat. Alles "above the fold". Der Besucher wusste nicht wohin er schauen sollte, hat drei Sekunden gebraucht um sich zu orientieren und ist dann einfach gegangen. Wir haben die Seite radikal reduziert: eine Headline, ein Satz, ein Button. Die Bounce-Rate ist von 72 Prozent auf 38 Prozent gefallen. Das unterschätzen die meisten: Jedes Element das du auf eine Seite packst, konkurriert mit jedem anderen Element um die Aufmerksamkeit des Besuchers. Wenn du zehn Dinge gleichzeitig sagst, hört der Besucher nichts davon. Wenn du eine Sache sagst, bleibt sie hängen. Vorher: eine Startseite die aussah wie ein Flugblatt auf einem Wochenmarkt — alles auf einmal, nichts mit Priorität. Nachher: eine klare Seite mit einer Botschaft, einem Weg, einem Ziel. Die Conversion-Rate hat sich fast verdreifacht, und der Steuerberater bekommt heute mehr qualifizierte Anfragen als vorher, obwohl die Seite weniger Inhalt hat.

Konkret Schreib zu jeder Sektion einen Satz: "Der Besucher soll nach dieser Sektion ___." Wenn du nicht antworten kannst, streiche die Sektion.
03
04

Konsistenz

Professionelle Wirkung entsteht nicht durch ausgefallenes Design — sie entsteht durch Wiederholung. Dieselben Fonts, dieselben Farben, dieselben Abstände, dieselbe Sprache auf jeder Seite. Das klingt banal, aber ich sehe täglich Websites, die auf der Startseite anders aussehen als auf der Kontaktseite, wo Buttons mal rund mal eckig sind, wo Headlines mal 32px mal 28px groß sind. Diese kleinen Inkonsistenzen summieren sich zu einem Gesamteindruck, den man als Besucher nicht benennen kann — man spürt nur: hier stimmt etwas nicht. Ich arbeite deshalb immer mit einem Design-System: ein Spacing-Grid, ein definierter Typo-Stack, eine Farbpalette mit maximal fünf Werten.

Bei einem Projekt für einen Immobilienmakler habe ich das besonders deutlich erlebt. Der Makler hatte seine Seite über zwei Jahre selbst gepflegt und dabei jedes Mal "ein bisschen was ausprobiert" — mal eine neue Schriftart für die Überschrift, mal einen anderen Grünton für den Button, mal größere Abstände auf der einen Seite und kleinere auf der anderen. Für ihn selbst sah alles "okay" aus, aber seine Besucher haben unbewusst gespürt, dass etwas nicht stimmt. Das Vertrauen fehlte, obwohl die Inhalte gut waren. Die häufigste Ursache für Inkonsistenz: Es gibt kein dokumentiertes Design-System. Jeder der an der Seite arbeitet — ob Inhaber, Praktikant oder externer Texter — macht sein eigenes Ding. Nach dem Relaunch mit einem klaren System hat sich die durchschnittliche Verweildauer auf der Seite um 40 Prozent erhöht, weil sich die Seite endlich wie ein zusammenhängendes Ganzes angefühlt hat statt wie ein Flickenteppich. Konsistenz ist nicht sexy, sie ist nicht aufregend — aber sie ist der Unterschied zwischen "sieht professionell aus" und "sieht irgendwie selbst gemacht aus".

Konkret Definiere vier Dinge schriftlich bevor du anfängst: Überschriftengröße H1/H2/H3, Fließtextgröße, Abstände zwischen Sektionen, Button-Stil. Weiche dann nie davon ab.
04
05

Farbpalette

Mehr als drei Farben sind selten besser. Ein gutes Farbsystem für eine Unternehmenswebsite besteht aus einer Basisfarbe (meist ein Neutral wie Off-White oder Dunkelgrau), einer Akzentfarbe für CTAs und Highlights, und gelegentlich einer zweiten Akzentfarbe für Abwechslung. Niemals reines Schwarz (#000) als Hintergrund oder reines Weiß als Text — beides ist zu hart für das Auge bei längerem Lesen. Ich verwende für dunkle Hintergründe #0a0a0a und für Text auf dunkel ein leichtes Off-White wie #e8e8e8. Die Akzentfarbe muss auffallen, aber nicht schreien — sie wird sparsam eingesetzt, damit sie ihre Wirkung behält.

Ein Friseur aus Weinheim kam zu mir mit einer Website, die sieben verschiedene Farben verwendet hat: ein Türkis, ein Lila, ein Orange, ein Rot, ein Gold, dazu Schwarz und Weiß. Die Seite sah aus wie ein Karneval-Flyer. Sein Argument war: "Ich wollte es bunt und einladend." Das Problem: Bunt ist nicht einladend, bunt ist chaotisch. Wir haben die Palette auf drei Werte reduziert — ein warmes Dunkelgrau, ein cremiges Off-White und ein einzelner Akzent in einem gedämpften Kupferton. Plötzlich wirkte der gleiche Inhalt doppelt so hochwertig. Der häufigste Fehler: Unternehmer verwechseln "Farbe" mit "Persönlichkeit". Aber Persönlichkeit entsteht nicht durch viele Farben, sondern durch den mutigen Einsatz weniger Farben. Apple nutzt quasi nur Schwarz, Weiß und ein minimales Blau — und trotzdem ist ihre Marke eine der stärksten der Welt. Deine Akzentfarbe ist wie ein Ausrufezeichen im Text: Wenn du es einmal setzt, hat es Wirkung. Wenn du es nach jedem Satz setzt, verliert es jede Bedeutung.

Konkret Starte mit einem neutralen Hintergrund, einer Textfarbe und einer einzigen Akzentfarbe. Füge eine zweite Akzentfarbe erst dann hinzu, wenn du einen konkreten Grund dafür hast — nicht weil es "interessanter" aussieht.
05
06

Typografie

Die Schriftart ist die Stimme deiner Website — und die meisten Unternehmen unterschätzen das. Inter ist inzwischen so weit verbreitet, dass er generisch wirkt. Roboto ist überall. System-Defaults sagen nichts über dich aus. Ich arbeite mit Schriften, die Charakter haben: Syne für kraftvolle Headlines, DM Sans für klaren, lesbaren Fließtext. Für Überschriften empfehle ich enges Letter-Spacing (negatives Tracking) — das wirkt straff und modern. Im Fließtext ist ausreichend Zeilenabstand (mindestens 1.6) wichtiger als die Schriftgröße selbst. Und: niemals mehr als zwei Schriftfamilien auf einer Website.

Ich hatte einen Kunden — einen Architekten — der auf seiner gesamten Website Arial verwendet hat. Arial. Die Schrift die Windows seit 1992 mitliefert. Sein Argument: "Funktioniert überall." Stimmt, aber Arial sagt über dein Unternehmen genau das aus: funktioniert, aber hat null Charakter. Wir haben auf eine Kombination aus Outfit für Headlines und Source Sans Pro für Fließtext gewechselt, und allein durch diese Änderung hat die Seite sich angefühlt, als wäre sie von einem anderen Unternehmen. Gleicher Text, gleiche Bilder, gleiche Struktur — aber ein komplett anderer Eindruck. Was viele falsch machen: Sie laden fünf verschiedene Schriftfamilien, weil sie "Abwechslung" wollen. Das Ergebnis sind 800KB Font-Dateien, längere Ladezeiten und ein Design das aussieht, als hätte jemand wahllos durch Google Fonts gescrollt. Die Regel ist simpel: eine Schrift für Headlines, eine für alles andere. Punkt. Wenn du das konsequent durchziehst und mit Größen und Gewichten spielst statt mit verschiedenen Familien, bekommst du mehr visuelle Hierarchie als jeder, der zehn Schriften gleichzeitig lädt.

Konkret Wähle eine Display-Schrift für Überschriften mit Persönlichkeit, und eine klar lesbare Schrift für den Body-Text. Lade Fonts über Google Fonts mit `display=swap`, um Ladezeit nicht zu verlangsamen.
06
07

Echte Bilder statt Stock

Ein echtes Foto von dir, deinem Team, deiner Werkstatt oder deinem Produkt schlägt jeden Stockfoto-Katalog. Menschen kaufen von Menschen — und wenn auf einer Website nur generische Business-Fotos zu sehen sind (lächelnde Personen im Anzug, die auf Laptops schauen), merkt das Gehirn des Besuchers sofort: hier ist nichts Echtes. Vertrauen entsteht durch Authentizität, nicht durch Hochglanz. Ich investiere lieber in einen halben Tag mit einem Fotografen als in eine teure Bildlizenz. Wenn du ein Einzelunternehmer bist, reichen drei bis fünf gute Fotos von dir bei der Arbeit aus, um sofort mehr Vertrauen aufzubauen als jede Stockfoto-Galerie.

Ein Elektriker aus Heppenheim hat mich kontaktiert, weil seine Website "nicht funktioniert" — also keine Anfragen generiert hat. Ich habe mir die Seite angeschaut und sofort das Problem gesehen: Auf der Über-uns-Seite war ein Stockfoto von einem lächelnden Mann mit Schutzhelm, der offensichtlich ein amerikanisches Model war. Auf der Startseite ein generisches Bild von einem Schraubenzieher auf blauem Hintergrund. Nichts davon hatte irgendwas mit seinem echten Betrieb zu tun. Wir haben ein zweistündiges Fotoshooting organisiert — er bei der Arbeit, er mit seinem Werkzeug, sein Transporter, sein Team. Die Kosten: 250 Euro für den Fotografen. Das Ergebnis: Die Anfragen haben sich innerhalb von sechs Wochen verdreifacht. Die Leute haben zum ersten Mal gesehen, mit wem sie es wirklich zu tun haben. Der Fehler den fast alle machen: Sie denken, professionelle Bilder müssten teuer und aufwendig sein. Stimmt nicht. Ein Fotograf mit einer guten Kamera, natürliches Licht und echte Szenen aus deinem Arbeitsalltag — das reicht. Was nicht reicht, ist ein Shutterstock-Abo und die Hoffnung, dass niemand merkt, dass die Person auf dem Foto nicht du bist.

Konkret Buche einmal im Jahr ein kurzes Fotoshooting — zwei Stunden reichen. Nutze die Bilder auf Website, Social Media und in E-Mails. Das ist eine der Investitionen mit dem höchsten Return.
07
08

Branding

Das Logo gehört oben links — immer. Das ist keine Konvention aus ästhetischen Gründen, sondern aus Verhaltensforschung: Das Auge wandert beim Laden einer Seite von links nach rechts, und oben links wird zuerst verarbeitet. Ein Favicon — das kleine Icon im Browser-Tab — wird von vielen Unternehmen vergessen, ist aber ein wichtiger Touchpoint: Es sorgt dafür, dass deine Website in den Lesezeichen erkennbar ist. Visuelles Branding bedeutet: Logo, Farben, Schriften und Bildsprache sind auf allen Kanälen konsistent — Website, Instagram, Visitenkarte, E-Mail-Signatur. Wer an einem Ort professionell wirkt und am anderen dilettantisch, untergräbt das Vertrauen das er aufgebaut hat.

Ich habe für ein Yoga-Studio in Heidelberg eine Website gebaut. Die Inhaberin hatte ein schönes Logo, gut designt, stimmige Farben. Aber auf Instagram nutzte sie völlig andere Farben, die Visitenkarte hatte eine dritte Schriftart, und auf der Website fehlte das Favicon komplett. Im Browser-Tab stand einfach das Standard-Globus-Icon. Das klingt nach Kleinigkeiten, aber diese Kleinigkeiten senden eine Botschaft: Hier kümmert sich niemand um Details. Und wenn sich niemand um die eigene Marke kümmert, warum sollte ich glauben, dass sich jemand um mich als Kunden kümmert? Nach dem Relaunch hat die Inhaberin zum ersten Mal gehört: "Eure Website sieht genauso aus wie euer Studio — das passt einfach." Genau darum geht es. Branding ist kein Logo-Design. Branding ist das Versprechen, dass alles was du tust, zusammenpasst. Die meisten Unternehmer investieren 2.000 Euro in ein Logo und setzen es dann auf eine Website die optisch nichts damit zu tun hat. Vorher: schönes Logo, aber überall anders eingesetzt. Nachher: ein durchgängiges Erscheinungsbild das sich anfühlt wie aus einem Guss. Der Wiedererkennungswert steigt, und mit ihm das Vertrauen.

Konkret Erstelle ein Favicon in 32x32px und 180x180px (Apple Touch Icon). Leg ein einfaches Brand-Dokument an: Logo-Datei, Farbwerte (HEX + RGB), Schriften. Teile es mit jedem, der für dich Materialien erstellt.
08
09

Mobile First

Mehr als 70 Prozent aller Website-Besuche finden heute auf dem Smartphone statt. Wenn deine Website auf dem Handy nicht funktioniert, existiert sie für die Mehrheit deiner potenziellen Kunden nicht. Mobile First bedeutet nicht nur, dass die Seite "responsiv" ist — es bedeutet, dass du zuerst auf dem kleinen Bildschirm designst und dann auf den Desktop erweiterst, nicht umgekehrt. Auf dem Mobilgerät muss der primäre CTA sichtbar sein ohne zu scrollen. Texte müssen in der richtigen Größe lesbar sein (mindestens 16px). Abstände müssen fingertauglich sein — Buttons mit mindestens 44px Klickfläche.

Ein Catering-Unternehmen aus Darmstadt hat mich gefragt, warum die Kontaktanfragen über die Website fast auf null gefallen sind, obwohl die Besucherzahlen stabil waren. Die Antwort war simpel: Auf dem Smartphone war der "Anfrage senden"-Button so klein, dass man ihn kaum treffen konnte, das Kontaktformular war auf Mobile drei Bildschirmlängen lang, und die Telefonnummer war als Bild eingebettet — also nicht antippbar. Die Desktop-Version sah gut aus, aber 78 Prozent ihrer Besucher kamen über das Smartphone. Die häufigste Fehleinschätzung: "Ich schaue mir meine eigene Website am Computer an, also wird das schon passen." Nein. Du bist nicht dein Kunde. Dein Kunde sitzt abends auf dem Sofa, hält das Handy mit einer Hand und scrollt mit dem Daumen. Wenn dein Button zu klein ist, dein Text zu breit läuft, oder dein Menü nicht aufgeht, bist du raus — und zwar in unter zwei Sekunden. Nach dem Umbau auf eine echte Mobile-First-Struktur hat sich die Anfragerate des Caterers innerhalb eines Monats wieder normalisiert und dann sogar übertroffen, weil die mobile Erfahrung jetzt besser war als bei der Konkurrenz.

Konkret Teste jede neue Seite zuerst auf dem eigenen Handy, dann im Browser. Nutze Chrome DevTools (F12 → Toggle Device Toolbar) um verschiedene Bildschirmgrößen zu simulieren. Ein Tipp: iPhone SE (375px) ist die strengste Probe.
09
10

Call to Action

Jede Seite braucht ein klares Ziel — und einen Button, der dieses Ziel kommuniziert. "Kontaktieren" ist kein CTA, das ist eine Aussage. "Kostenloses Erstgespräch buchen" ist ein CTA — es sagt dem Besucher was er bekommt, ohne Risiko. Der Text auf einem CTA-Button sollte immer aktiv und konkret sein: Was passiert, wenn ich klicke? Was bekomme ich? Ist es gratis? Wie lange dauert es? Ein weiteres häufiges Problem: zu viele CTAs auf einer Seite. Wenn ich dem Besucher drei verschiedene Buttons anbiete, weiss er nicht wo er anfangen soll. Ein primärer CTA, visuell klar hervorgehoben, auf jeder Seite — nicht mehr.

Eine Physiotherapie-Praxis in Viernheim hatte auf ihrer Startseite fünf verschiedene Buttons: "Termin buchen", "Mehr erfahren", "Unsere Therapeuten", "Blog lesen", "Newsletter abonnieren". Alle fünf in der gleichen Farbe, gleicher Größe, gleichem Gewicht. Ergebnis: Die Klickrate auf den wichtigsten Button — Termin buchen — lag bei unter 2 Prozent. Wir haben alles auf einen einzigen primären CTA reduziert, in der Akzentfarbe, prominent platziert. Die anderen Links existieren noch, aber als unauffällige Textlinks, nicht als gleichwertige Buttons. Die Klickrate auf "Termin buchen" ist auf 11 Prozent gestiegen. Der Fehler dahinter ist ein psychologischer: Die sogenannte "Paradox of Choice". Je mehr Optionen du anbietest, desto wahrscheinlicher ist es, dass der Besucher gar nichts wählt. Das gilt besonders online, wo die Aufmerksamkeitsspanne minimal ist. Dein CTA-Button ist die eine Sache die du von jedem Besucher willst. Mach diese eine Sache unmissverständlich klar, und entferne alles was davon ablenkt. Vorher: fünf gleichwertige Buttons, Besucher waren überfordert und haben nichts angeklickt. Nachher: ein dominanter CTA mit klarem Versprechen, die Conversion hat sich verfünffacht.

Konkret Ersetze generische Button-Texte durch konkrete Versprechen. Statt "Senden" → "Anfrage absenden". Statt "Mehr erfahren" → "Leistungen ansehen". Statt "Kontakt" → "Kostenloses Erstgespräch buchen".
10
11

Ladezeit

Jede Sekunde Ladezeit kostet dich Besucher. Das ist kein Mythos — Google hat die Daten: Über drei Sekunden Ladezeit verlässt mehr als die Hälfte aller Nutzer die Seite, bevor sie etwas gesehen haben. Ich optimiere alle Bilder vor dem Upload: konvertieren zu WebP, Dateigröße unter 200KB pro Bild, lazy loading für alles unterhalb des ersten sichtbaren Bereichs. Kein jQuery wenn es nicht nötig ist. Keine schweren Plugins. Der Google PageSpeed Insights Score ist eine gute Orientierung — ich ziele auf über 90 Punkte auf Desktop und über 70 auf Mobile. Das ist mit sauberem Code und optimierten Bildern erreichbar.

Bei einem Online-Shop für handgemachte Kerzen aus Bensheim habe ich den PageSpeed-Score von 19 auf 94 gebracht — ohne den Inhalt zu verändern. Was war das Problem? 14 Produktbilder auf der Startseite, jedes als unkomprimiertes PNG mit 3-4 MB. Dazu Google Fonts in vier verschiedenen Gewichten, jQuery, ein Slider-Plugin und ein Chat-Widget das beim Laden 800KB JavaScript nachgeladen hat. Die Seite hat auf dem Handy über 8 Sekunden gebraucht. Wir haben die Bilder zu WebP konvertiert und auf unter 150KB pro Bild komprimiert, die Fonts auf zwei Gewichte reduziert, jQuery entfernt und den Chat-Widget erst nach Benutzerinteraktion geladen. Das Resultat: 1,2 Sekunden Ladezeit. Was die meisten unterschätzen: Ladezeit ist nicht nur ein technisches Thema — sie ist ein Vertrauensthema. Eine langsame Website fühlt sich unseriös an, selbst wenn der Inhalt gut ist. Dein Besucher denkt nicht "die Seite lädt langsam weil die Bilder groß sind" — er denkt "die Seite ist billig" und geht zur Konkurrenz, die schneller lädt. Amazon hat mal berechnet, dass jede 100 Millisekunden zusätzliche Ladezeit sie 1 Prozent Umsatz kostet. Für ein kleines Unternehmen sind die relativen Zahlen noch dramatischer.

Konkret Teste deine aktuelle Website auf pagespeed.web.dev. Konvertiere alle Bilder zu WebP mit einem kostenlosen Tool wie Squoosh. Füge dem img-Tag das Attribut loading="lazy" hinzu, außer beim ersten sichtbaren Bild.
11
12

Navigation

Eine gute Navigation hat maximal fünf bis sechs Punkte. Wer zehn Menüpunkte anbietet, bietet eigentlich keinen Weg — er bietet ein Labyrinth. Mega-Menüs mit aufklappenden Untermenüs sind fast immer ein Zeichen dafür, dass die Informationsarchitektur der Website nicht durchdacht ist. Die Faustregel: Jeder Inhalt der Website sollte in maximal drei Klicks erreichbar sein. Auf Mobile ist die Navigation noch kritischer: ein sauberes Hamburger-Menü, das sich mit einem Tippen öffnet und schließt, ist besser als eine komplizierte Mehrfach-Ebenen-Navigation. Die primäre Aktion — der CTA — gehört in der Navigation ganz rechts, visuell hervorgehoben.

Ein Küchenstudio in Lampertheim hatte 14 Menüpunkte: Home, Über uns, Team, Küchen, Einbauküchen, Küchenplanung, Geräte, Marken, Referenzen, Blog, FAQ, Kontakt, Anfahrt, Impressum. Auf Desktop war die Navigation schon kaum lesbar, auf Mobile war es ein Desaster — ein endlos langer Menüblock der den halben Bildschirm eingenommen hat. Der Besucher stand vor der gleichen Frage wie im IKEA-Labyrinth: Wo muss ich hin? Wir haben die Navigation auf fünf Punkte reduziert: Küchen, Planung, Referenzen, Über uns, Kontakt. Alles andere ist über die jeweiligen Seiten erreichbar oder im Footer verlinkt. Die Verweildauer auf der Seite hat sich verdoppelt, weil die Besucher endlich wussten wohin sie klicken mussten. Der häufigste Fehler: Unternehmer verwechseln Navigation mit Vollständigkeit. Sie denken, jede Seite muss im Menü stehen, damit man sie findet. Aber das Gegenteil ist wahr — je weniger Optionen im Menü, desto klarer der Weg für den Besucher. Die Navigation ist kein Inhaltsverzeichnis, sie ist ein Wegweiser. Und ein guter Wegweiser zeigt nicht 20 Richtungen an, sondern die drei die wirklich wichtig sind.

Konkret Schreibe alle aktuellen Menüpunkte auf. Streich alles was weniger als 5% aller Besucher anklicken. Was übrig bleibt, kommt in die Navigation. Was wichtig ist aber selten besucht wird, kommt in den Footer.
12
13

Inhalte die überzeugen

Die meisten Unternehmenswebsites schreiben über sich selbst — ihre Geschichte, ihre Werte, ihre Methoden. Das interessiert den Besucher nicht. Ihn interessiert sein eigenes Problem und ob du es lösen kannst. Der Unterschied: "Wir bieten professionelle Webentwicklung mit modernsten Technologien" ist ein Merkmal. "Du bekommst eine Website, die in unter zwei Sekunden lädt und deinen Kunden überzeugt, bevor er liest" ist ein Vorteil. Ich schreibe immer aus der Perspektive des Lesers: Was ist sein Problem? Was ist die Konsequenz, wenn es ungelöst bleibt? Was ist das Ergebnis meiner Arbeit für ihn, konkret und messbar?

Ein Maler- und Lackierbetrieb aus Lorsch hatte auf seiner Startseite stehen: "Seit 1987 sind wir Ihr zuverlässiger Partner für Malerarbeiten aller Art. Mit modernster Technik und erfahrenen Mitarbeitern realisieren wir Ihre Wünsche." Das ist der gleiche Text den 90 Prozent aller Malerbetriebe auf ihrer Website haben — austauschbar, nichtssagend, langweilig. Wir haben den Text umgeschrieben zu: "Du willst, dass dein Wohnzimmer in drei Tagen fertig ist, ohne dass du selbst einen Pinsel anfassen musst? Wir kommen, streichen, räumen auf — und du kommst nach Hause in ein fertiges Zimmer." Gleicher Betrieb, gleiche Leistung, aber komplett andere Wirkung. Der erste Text redet über das Unternehmen. Der zweite redet über das, was der Kunde will. Und genau das ist der Unterschied der zählt. Die meisten Unternehmer machen den Fehler, dass sie ihre Website wie eine digitale Visitenkarte behandeln — ein bisschen über sich erzählen, die Leistungen auflisten, fertig. Aber eine Website ist kein Schaufenster, sie ist ein Verkaufsgespräch. Und in einem guten Verkaufsgespräch redest du nicht über dich — du redest über den Kunden und sein Problem. Vorher: generische Selbstdarstellung die jeder Wettbewerber genauso schreiben könnte. Nachher: kundenorientierte Texte die ein konkretes Bild im Kopf erzeugen und zum Handeln motivieren.

Konkret Geh jede Textpassage durch und ersetze "Wir" und "Ich biete" durch die Perspektive des Kunden. Aus "Ich erstelle Websites" wird "Du bekommst eine Website, die Vertrauen aufbaut und Anfragen erzeugt."
13
14

Soziale Beweise

Menschen vertrauen anderen Menschen mehr als Unternehmen. Das ist eine psychologische Konstante, kein Marketing-Trick. Echte Bewertungen — mit vollständigem Namen, echtem Foto und konkretem Ergebnis — sind das wirkungsvollste Vertrauenssignal das eine Website haben kann. Ich platziere Testimonials nicht auf einer separaten "Referenzen"-Seite — ich integriere sie direkt in den Kontext: ein Zitat unter dem Leistungsblock, eine kurze Fallstudie nach dem Über-mich-Abschnitt. Google Reviews mit dem Sternchen-Widget sind dabei besonders wertvoll, weil sie als unabhängig wahrgenommen werden. Und: ein Testimonial ohne messbares Ergebnis ist halb so wirkungsvoll wie eines mit.

Ein Zahnarzt in Weinheim hatte eine technisch einwandfreie Website — gutes Design, schnelle Ladezeit, klare Struktur. Aber keine einzige Bewertung, kein Testimonial, kein sozialer Beweis. Auf der anderen Seite hatte sein Konkurrent drei Straßen weiter eine mittelmäßige Website, aber 47 Google-Bewertungen mit 4,9 Sternen und drei Video-Testimonials auf der Startseite. Rate mal, wer mehr Neupatienten bekommen hat. Wir haben den Zahnarzt gebeten, zehn seiner zufriedensten Patienten um ein kurzes Statement zu bitten — mit vollem Namen und der Erlaubnis, es auf der Website zu zeigen. Acht haben sofort zugesagt. Innerhalb von drei Monaten nach dem Einbau dieser Testimonials direkt neben den Leistungsbeschreibungen sind die Online-Terminbuchungen um 35 Prozent gestiegen. Der Fehler den fast alle machen: Sie sammeln Bewertungen auf Google, verlinken aber nicht auf der Website darauf. Oder sie haben eine separate "Referenzen"-Seite die kaum jemand besucht. Soziale Beweise müssen dort stehen, wo die Kaufentscheidung passiert — direkt neben der Leistung, direkt neben dem CTA. Nicht versteckt auf Seite 7 deiner Website, sondern mittendrin im Entscheidungsprozess des Besuchers.

Konkret Schreib drei deiner besten Kunden an und bitte sie um ein kurzes Statement zu einem konkreten Ergebnis. Füge das Testimonial mit echtem Namen, Unternehmen und wenn möglich Foto ein — direkt neben der relevanten Leistung.
14
15

DSGVO & Rechtssicherheit

Eine Website ohne Impressum ist in Deutschland abmahnfähig — das ist kein Randthema, das ist Pflicht. Ich sorge bei jeder Website dafür, dass Impressum und Datenschutzerklärung erreichbar sind und den aktuellen gesetzlichen Anforderungen entsprechen. Ein Cookie-Banner ist notwendig, sobald Tracking-Tools wie Google Analytics eingesetzt werden. Wichtig: Der Banner muss vor der Einwilligung kein Tracking starten — das klingt selbstverständlich, wird aber regelmäßig falsch umgesetzt. Ich nutze für kleinere Websites oft Datenschutz-Generatoren (z.B. von Datenschutz.org oder e-recht24.de) als Basis — und prüfe das Ergebnis immer auf Aktualität.

Ein Einzelhändler aus Bürstadt hat von einem Mitbewerber eine Abmahnung bekommen — wegen eines fehlenden Eintrags in der Datenschutzerklärung. Er hatte Google Fonts direkt von Googles Servern geladen, ohne das in der Datenschutzerklärung zu erwähnen und ohne Einwilligung einzuholen. Kostenpunkt der Abmahnung: 1.500 Euro plus Anwaltskosten. Das ist kein Einzelfall — seit dem Google-Fonts-Urteil von 2022 sind tausende solcher Abmahnungen verschickt worden. Die Lösung ist simpel: Fonts lokal hosten statt von Google laden, und in der Datenschutzerklärung jeden externen Dienst sauber auflisten. Was viele nicht wissen: Auch eingebettete YouTube-Videos, Google Maps, Instagram-Feeds und sogar manche Contact-Form-Plugins laden externe Ressourcen nach und sind damit DSGVO-relevant. Ich prüfe bei jedem Projekt mit den Browser-DevTools, welche externen Verbindungen beim Laden der Seite aufgebaut werden — und stelle sicher, dass jede einzelne entweder durch eine Einwilligung gedeckt oder durch eine lokale Alternative ersetzt ist. Vorher: eine Website die unwissentlich gegen die DSGVO verstößt und ein Abmahnrisiko darstellt. Nachher: eine rechtssichere Seite mit lokal gehosteten Fonts, korrektem Cookie-Banner und einer Datenschutzerklärung die jeden eingesetzten Dienst abdeckt. Das ist keine Kür — das ist Pflicht.

Konkret Prüfe heute: Ist dein Impressum vollständig (Name, Anschrift, E-Mail, ggf. Handelsregisternummer)? Ist deine Datenschutzerklärung aktuell und erwähnt alle eingesetzten Dienste (Google Fonts, Analytics, Formulare)? Ist dein Cookie-Banner DSGVO-konform, d.h. lehnen ist genauso einfach wie zustimmen?
15
Über Neo1 Media
Florian Korn — Gründer Neo1 Media

Florian Korn

Gründer & Entwickler

Ich habe Neo1 Media 2018 gegründet, weil ich gesehen habe, wie viele Unternehmen für ihre Website viel bezahlen — und trotzdem keine Anfragen bekommen.

In Vertriebs- und Marketingrollen habe ich verstanden, was Kunden wirklich überzeugt. Nicht schöne Worte, sondern klare Ergebnisse. Bei mir gibt es keinen Mittelsmann — ich konzipiere, designe und entwickle jedes Projekt persönlich.

20+
Projekte
5.0
Google
2018
Gegründet
Warum Neo1 Media

Was du bekommst, wenn du mit mir arbeitest.

⚡

Schnelle Ladezeiten

Jede Website lädt in unter 2 Sekunden. Keine überladenen Templates, kein WordPress-Bloat. Sauberer Code, optimierte Bilder, CDN-Hosting.

🎨

100% individuelles Design

Kein Template, kein Baukasten. Jedes Pixel wird für dein Unternehmen designt — basierend auf deiner Branche, deiner Zielgruppe und deinen Zielen.

🔒

DSGVO-konform ab Tag 1

Cookie-Banner, Datenschutzerklärung, korrektes Tracking — alles eingebaut. Du musst dich um nichts kümmern.

📱

Mobile-First Design

Über 60% deiner Besucher kommen vom Smartphone. Jede Website wird zuerst für Mobile designt und funktioniert auf allen Geräten perfekt.

🎯

Conversion-optimiert

Nicht nur schön — sondern wirksam. Klare CTAs, psychologisch optimierte Struktur und Texte, die zum Handeln motivieren.

🤝

Direkter Ansprechpartner

Kein Projektmanager, kein Ticket-System. Du sprichst direkt mit dem, der dein Projekt designt, entwickelt und betreut.

Tech Stack

Moderne Technologien. Kein WordPress.

Ich nutze die besten Tools für jedes Projekt — schnell, sicher und skalierbar.

Webflow
Visuelles CMS
Shopify
E-Commerce
HTML/CSS/JS
Custom Code
Netlify
Hosting & CDN
Supabase
Backend & Datenbank
Figma
UI/UX Design
Nächster Schritt

Lass uns über deine Website sprechen

Du hast jetzt die 15 Prinzipien. Wenn du wissen willst, welche davon bei deiner aktuellen Website fehlen — oder wie eine neue Website für dein Unternehmen aussehen könnte — dann buche ein kostenloses Erstgespräch. Kein Verkaufsdruck, kein Vorgespräch, keine Pflicht. Einfach 30 Minuten, in denen ich mir deine Situation anschaue und dir sage, was ich tun würde.

Kostenloses Erstgespräch

30 Minuten · kostenlos · unverbindlich