Gefühlt jede Woche fragt mich jemand: „Ich brauche eine Website – kannst du die designen?”
Meistens meinen sie beides gleichzeitig: Dass die Seite “gut” aussieht und dass sie tatsächlich funktioniert. Das ist nachvollziehbar, weil von außen beides wie eine einzige Sache wirkt. Du gibst eine URL ein, eine Seite erscheint – fertig.
Aber dahinter stecken (min.) zwei Berufsbilder, zwei Denkweisen und zwei komplett verschiedene Werkzeugkästen. Und wer eine Website in Auftrag gibt, fährt besser, wenn er den Unterschied kennt.
Webdesign: Wie eine Website aussieht und sich anfühlt
Webdesign ist alles, was du siehst und erlebst, wenn du eine Seite öffnest.
Ein Webdesigner denkt in Fragen wie:
- Welche Farben passen zur Marke?
- Wo steht der CTA-Button, damit ihn möglichst viele klicken?
- Ist der Text lesbar oder kämpft er gegen den Hintergrund?
- Wie fühlt sich die Navigation an – intuitiv oder wie ein Labyrinth?
- Was passiert auf dem Smartphone?
Das Handwerkszeug dafür ist meistens Figma (früher Sketch oder Adobe XD oder sogar Photoshop). Dort entstehen Wireframes, Mockups und Prototypen – alles ohne eine einzige Zeile Code. Ein gutes Design ist schon fertig gedacht, bevor die erste Datei angelegt wird.
Webdesign hat auch viel mit UX (User Experience) zu tun – also mit der Frage: Findet ein echte Mensch auf dieser Seite, was er sucht? Und macht es ihm Spaß? Oder klickt er nach fünf Sekunden wieder weg?
Kurz gesagt: Webdesign ist visuelles Kommunikationsdesign mit einem Bildschirm als Medium.
Webentwicklung: Wie eine Website gebaut wird und funktioniert
Webentwicklung ist alles, was hinter der Oberfläche passiert.
Ein Webentwickler nimmt das fertige Design und baut es mit Code nach. Oder er baut direkt ohne Zwischenschritt. Das Ergebnis ist kein Bild mehr, sondern eine echte Website: HTML-Strukturen, CSS-Styling, JavaScript-Interaktionen, Serverlogik, Datenbanken.
Innerhalb der Webentwicklung gibt es noch mal eine wichtige Unterscheidung:
Frontend-Entwicklung
Frontend ist das, was im Browser des Nutzers läuft. HTML, CSS und JavaScript – das Trio, das jede Seite aufbaut, stylt und mit Leben füllt. Animationen, Formulare, Menüs, Responsive Design: alles Frontend.
Backend-Entwicklung
Das Backend läuft auf dem Server und ist für den Nutzer unsichtbar. Benutzer-Logins, Datenbankabfragen, Zahlungsabwicklungen, APIs – das passiert alles im Backend. Sprachen wie PHP, Python, Node.js oder Rust spielen hier die Hauptrolle.
Full-Stack
Wer beides beherrscht – Frontend und Backend – nennt sich Full-Stack-Entwickler. Das bin ich. Es bedeutet nicht, dass man in allem gleich gut ist. Aber man kann ein Projekt von Anfang bis Ende allein oder im kleinen Team durchziehen.
Wo die Grenze verschwimmt
In der Praxis – besonders in kleineren Agenturen und im Freelance-Umfeld – ist die Trennung selten sauber.
Viele Entwickler haben ein gutes Auge für Design und können direkt im Code designen. Viele Designer lernen HTML und CSS, um ihre Ideen selbst umzusetzen. Tools wie Framer oder Webflow erlauben es Designern, echte Websites zu bauen ohne tiefen Code-Einstieg.
Das ist kein Problem – solange man weiß, was man tut. Ein Designer der ein bisschen Webflow-CSS schreibt, ist kein Entwickler. Ein Entwickler der in Tailwind CSS ein hübsches Layout baut, ist kein UX-Designer. Die Grenzen sind fließend, aber die Kernkompetenzen sind klar verschieden.
Was du wirklich brauchst – abhängig vom Projekt
Wenn du eine Website in Auftrag gibst, hilft dir diese einfache Checkliste:
Nur Webdesign – wenn du bereits eine technische Lösung hast (z. B. ein Baukastensystem wie Webflow oder Squarespace) und “nur” ein sauberes visuelles Konzept brauchst.
Nur Webentwicklung – wenn du ein fertiges Design (z. B. aus Figma) hast und jemanden suchst, der es sauber in Code umsetzt.
Beides – der Normalfall für die meisten kleinen und mittelständischen Unternehmen. Ihr braucht eine Website, die gut aussieht und technisch funktioniert. Dann arbeitet man entweder mit einem Team (Designer + Entwickler) oder mit jemandem, der beides abdeckt.
Das Missverständnis mit dem “Grafiker”
Ich erlebe regelmäßig, dass Kunden einen Grafiker für ihr Logo beauftragen – und dann fragen, ob der auch die Website machen kann.
Ein klassischer Printgrafiker denkt in Flyern, Visitenkarten und Plakaten. Feste Formate, kein Scrollen, keine Interaktion. Das Handwerk ist respektabel, aber es ist ein anderes Handwerk als Webdesign. Wer einen Webauftritt braucht, sollte gezielt nach jemandem suchen, der Erfahrung mit digitalen Medien, Responsive Design und User Experience hat – nicht nur mit Photoshop.
Und was ist mit KI?
KI-Tools wie Figma AI, Galileo oder Framer AI greifen zunehmend in beide Bereiche ein. Sie generieren Layouts, schreiben CSS, schlagen Farbpaletten vor.
Das beschleunigt die Arbeit teils erheblich. Aber sie ersetzen weder das konzeptuelle Denken eines guten Designers noch das strukturelle Verständnis eines Entwicklers. KI ist ein Werkzeug, kein Ersatz. Wer gute Ergebnisse will, muss die generierten Outputs beurteilen und korrigieren können – und das geht nur mit echtem Wissen im Hintergrund. Soooorry, Vibecoders!
Fazit
Webdesign fragt: Wie soll es aussehen und wie soll es sich anfühlen? Webentwicklung fragt: Wie wird es gebaut und wie funktioniert es?
Beides ist wichtig. Beides erfordert Erfahrung. Und das Beste ist, wenn du jemanden findest, der dir ehrlich sagen kann: was dein Projekt wirklich braucht – und wer dafür die richtige Person ist.
Du bist unsicher, was für dein Projekt passt? Ich schaue mir das gerne gemeinsam mit dir an – ohne Verkaufsgespräch, einfach ehrliche Einschätzung. Schreib mir.
Kommentare