Lebenslauf für Webdesigner/innen: Beispiele und Anleitung

Dieses Muster gehört zu einer Webdesignerin mit rund neun Jahren Erfahrung im Inhouse-Marketing eines Versicherers, in einer Agentur und bei einer E-Commerce-Marke. Name und Arbeitgeber sind erfunden. Achten Sie auf die Portfolio-URL in der Kontaktzeile und auf das Ergebnis, das zu jedem Launch genannt wird.

Über Stellen im Webdesign entscheidet meist die Marketingleitung, die Kreativdirektion einer Agentur oder die Inhaberin oder der Inhaber eines Betriebs selbst. Sie öffnen zuerst das Portfolio und suchen dann auf der Seite nach diesen Antworten.

• Überzeugen die Live-Websites? Nicht nur optisch, sondern auch beim Laden und auf dem Smartphone. Viele öffnen Ihre Arbeiten im Gespräch auf dem eigenen Handy.
• Wie viel können Sie selbst? Nur Design, Design plus Umsetzung oder Design plus Umsetzung plus CMS-Einrichtung und Schulung. Kleine Teams stellen gern Designer/innen ein, die das ganze Frontend abdecken, weil sie zwei Stellen ersetzen.
• Welche Plattformen? WordPress, Webflow, Shopify, Squarespace, HubSpot oder eine eigene Lösung. Plattformerfahrung lässt sich nicht vortäuschen, und im Gespräch wird genau danach gefragt.
• Hat die Website etwas bewirkt? Conversion, abgeschickte Formulare, organische Sitzungen, Ladezeit, Absprungrate, Umsatz. Zwei Zahlen reichen, um sich von einem Portfolio mit hübschen Screenshots abzuheben.
• Können Sie übergeben? Ob Kunden oder das Marketingteam die Website danach pflegen können, ohne sie zu beschädigen. Das ist die häufigste Klage über frühere Designerinnen und Designer.

“Ich öffne zwei Ihrer Live-Websites auf meinem Handy, bevor ich irgendetwas lese. Dann schaue ich, ob Sie die Website gebaut oder nur gestaltet haben und ob der Kunde sie ein Jahr später noch nutzen konnte. Schöne Entwürfe, die niemand pflegen kann, sind schlechter als nichts.”

Viele Suchen rund um diesen Beruf landen bei der Webentwicklung, und Stellenanzeigen vermischen die Bezeichnungen ständig. Wenn Sie klar sagen, wo Ihre Grenze liegt, ersparen Sie allen ein vergeudetes Gespräch.

Drei Zeilen. Was Sie bauen, auf welchen Plattformen, wie viele Websites und ein Ergebnis. Ein Berufsziel nur beim Einstieg.

Fast jeder Lebenslauf im Webdesign sagt „Responsive Websites für Kunden gestaltet und entwickelt“. Hier dieselbe Arbeit so formuliert, dass sie etwas aussagt.

Zwölf bis fünfzehn Zeilen. Sagen Sie, was Sie im jeweiligen Werkzeug können, und seien Sie ehrlich bei Ihrem Code-Niveau, denn es wird geprüft.

Werkzeuge für Gestaltung und Umsetzung:

• Figma: Komponenten, Varianten, Auto Layout, Prototyping, Übergabe an die Entwicklung
• HTML und CSS: semantisches Markup, Flexbox, Grid und ein Framework wie Tailwind oder Bootstrap, falls Sie eines nutzen
• JavaScript: Nennen Sie Ihr echtes Niveau, ob Sie Einbindungen und einfache Interaktionen verbinden oder Komponenten schreiben
• CMS-Plattformen mit Namen und Tiefe: WordPress mit Advanced Custom Fields, Webflow CMS Collections, Shopify Liquid Sections, Squarespace, HubSpot CMS
• Adobe Illustrator und Photoshop für Assets, dazu einfache Animation, wenn Sie sie beherrschen

Technisches Wissen, das bei der Einstellung von Webdesigner/innen zählt:

• Responsive Layouts und eine Strategie für Breakpoints vom Smartphone bis zum breiten Desktop
• Core Web Vitals und Performance: Bildformate und Bildgrößen, Lazy Loading, verzögertes Laden von Skripten, Laden von Schriften
• Barrierefreiheit nach WCAG 2.2 AA: Kontraste, Fokuszustände, Tastaturreihenfolge, Alternativtexte, Beschriftung von Formularen; in Deutschland zusätzlich BITV 2.0 im öffentlichen Sektor und seit 28. Juni 2025 das Barrierefreiheitsstärkungsgesetz (BFSG), etwa für Onlineshops
• Onpage-SEO: Überschriftenstruktur, Metadaten, interne Verlinkung, Weiterleitungen und Sitemaps bei einer Migration
• Analyse und Tests: GA4-Events, Heatmaps, A/B-Tests und deren ehrliche Auswertung; Einwilligung über ein Consent-Banner nach DSGVO und TDDDG

Arbeitsweisen, nach denen Kunden und Vorgesetzte fragen:

• Projektumfang festlegen und sagen, was nicht ins Budget passt
• Arbeiten mit Begründung präsentieren, statt zu fragen, ob sie gefallen
• Content-Strategie und genug Oberflächentexte schreiben, damit eine Seite funktioniert
• Übergabe: Dokumentation, Kundenschulung, pflegbare Templates, die auch Nicht-Designer/innen überstehen; bei Kundenwebsites auch Impressum nach § 5 DDG und Datenschutzerklärung im Blick

„Wie stelle ich Webdesign im Lebenslauf dar?“ ist eine echte Frage, und die ehrliche Antwort lautet: Der Lebenslauf verweist auf die Arbeit, statt sie zu enthalten.

1. 1Setzen Sie die Portfolio-URL als reinen Text in die Kontaktzeile. Einen GitHub-Link nur, wenn es dort etwas Sehenswertes gibt.
2. 2Schreiben Sie jedes wichtige Projekt als einen Stichpunkt mit Umfang und Ergebnis: Seitenzahl, Plattform, was Sie verantwortet haben und was nach dem Launch passiert ist.
3. 3Sagen Sie, was von Ihnen war. „Design und Frontend-Umsetzung; Backend-Anbindung durch einen Entwickler“ ist präzise, und Präzision wirkt souverän.
4. 4Halten Sie im Portfolio selbst drei oder vier Fallstudien bereit, jeweils mit Briefing, Rahmenbedingungen, Ihren Änderungen und dem Ergebnis. Screenshot-Galerien halten einem zweiten Blick nicht stand.
5. 5Für Websites, die es nicht mehr gibt, behalten Sie eine Fallstudie mit Screenshots und kennzeichnen sie mit „inzwischen vom Kunden neu gestaltet“. Das versteht in dieser Branche jede und jeder.
6. 6Wenn eine Arbeit unter Geheimhaltung steht oder der Kunde keine Veröffentlichung wünscht, beschreiben Sie sie in Spannen und bieten Sie eine persönliche Vorstellung an. Veröffentlichen Sie nichts, was Sie nicht veröffentlichen dürfen.
7. 7Nehmen Sie ein unspektakuläres Projekt auf: einen Formular-Umbau, ein Template-System, eine Migration. Dafür wird weit häufiger eingestellt als für eine glänzende Startseite.

In diesem Beruf zählt autodidaktisch Erworbenes besonders viel, denn eine gelaunchte Website lässt sich in zehn Sekunden überprüfen. Niemand fragt, wo Sie studiert haben, wenn die Websites echt sind.

1. 1Schreiben Sie „Webdesigner/in“ unter Ihren Namen und die Portfolio-URL in die Kontaktzeile.
2. 2Ersetzen Sie den Abschnitt Berufserfahrung durch Projekte und behandeln Sie jedes Projekt wie eine Stelle: Kunde, Umfang, Plattform, was Sie gebaut haben, und das Ergebnis.
3. 3Gewinnen Sie mindestens zwei echte Kunden. Ein Betrieb vor Ort, ein gemeinnütziger Verein, der Laden einer Bekannten, eine Initiative im Stadtteil. Echte Inhalte, eine echte Frist und ein echtes Budget verändern die Arbeit sichtbar.
4. 4Launchen Sie die Websites richtig: Domain, Hosting, Analyse mit Consent-Banner, Formulare, die im Postfach ankommen, Impressum und Datenschutzerklärung, und Kunden, die ihre Seiten selbst pflegen können. Die Hälfte Ihres Werts als Junior liegt darin, Dinge fertigzustellen.
5. 5Nennen Sie alles, was Sie messen können: Ladezeit vorher und nachher, abgeschickte Formulare, Sitzungen oder die Rückmeldung des Kunden mit einer Zahl darin.
6. 6Zeigen Sie eine Website mit selbst geschriebenem HTML und CSS, nicht nur einen Page Builder. Das beantwortet die Frage, die Arbeitgeber bei jeder Bewerbung auf eine Junior-Stelle stellen.
7. 7Eine Seite, schlichtes Layout, PDF mit markierbarem Text und anklickbaren Links; ein Foto ist in Deutschland üblich, aber freiwillig.

• Eine Seite bis etwa acht Jahre Erfahrung. Zwei Seiten nur bei einer langen Laufbahn in Agentur oder Inhouse-Team, in der jede Zeile eine Zahl enthält; in Deutschland sind zwei Seiten akzeptiert.
• Reihenfolge: Name und Kontakt mit Portfolio-URL, Profil, Kenntnisse und Plattformen, Berufserfahrung, ausgewählte Launches, Ausbildung und Zertifikate.
• Einspaltig, echter Text, keine Kenntnisbalken in Prozent, kein Layout im Plakatstil. Marketingteams und Agenturen nutzen gängige Bewerbermanagementsysteme. Ein Foto ist in Deutschland üblich, aber freiwillig.
• Selbstständige Arbeit gehört in einen Block, „Selbstständige Webdesignerin“ oder „Selbstständiger Webdesigner“, mit Zahl der Kunden, durchschnittlicher Projektdauer und drei genannten Projekten.
• Nennen Sie Plattformen ausdrücklich. Personalabteilungen filtern wörtlich nach WordPress, Webflow und Shopify, und eine allgemeine Zeile wie „CMS-Erfahrung“ wird nicht gefunden.
• PDF mit anklickbaren Links und einem schlichten Dateinamen. Testen Sie die Links in der exportierten Datei, nicht in Ihrem Designwerkzeug.
• Für die Bewerbung in Deutschland: „Webdesigner/in“ umfasst in Anzeigen oft auch Frontend-Entwicklung, und viele Stellen verlangen ein Studium im Kommunikationsdesign, eine Ausbildung zur/zum Mediengestalter/in Digital und Print (IHK) oder vergleichbare Erfahrung. Ein Anschreiben wird bei Agenturen und Unternehmen häufig erwartet.

Begriffe aus Anzeigen, die Sie übernehmen sollten, wenn sie zutreffen: Webdesign, responsives Design, Mobile First, UI Design, Wireframes, Prototyping, Figma, HTML, CSS, JavaScript, WordPress, Webflow, Shopify, Liquid, CMS, Landingpages, E-Commerce, Conversion-Optimierung, A/B-Tests, Core Web Vitals, Ladezeit, Barrierefreiheit, WCAG, BFSG, SEO, GA4, Cross-Browser-Tests, Übergabe an Kunden.