Medien & Design
Eine ausdrucksstarke Vorlage, die Dein Portfolio, Deine Tools und messbare Projekterfolge ins Zentrum stellt – ideal für Web- und UI-Gestaltung.
Dieser Beispiel-Inhalt zeigt dir, wie ein überzeugender Lebenslauf für diese Position aussehen kann. Alle Inhalte sind frei anpassbar.
Beispieldaten – alle Angaben fiktivWeb-Gestalterin / UI Designerin
denkwerk GmbH, Köln
09/2022 – heute
- Konzeption und Gestaltung responsiver Websites und Landingpages in Figma - Aufbau und Pflege eines komponentenbasierten Design-Systems für mehrere Kundenmarken - Umsetzung von UI-Designs in sauberes HTML, CSS und Tailwind CSS in Zusammenarbeit mit der Entwicklung - Sicherstellung der Barrierefreiheit nach WCAG 2.2 und den Vorgaben des BFSG - Steigerung der Conversion-Rate einer Kundenwebsite um 23 % durch ein überarbeitetes UX-Konzept
Junior Webdesignerin / Mediengestalterin
comspace GmbH & Co. KG, Bielefeld
09/2019 – 08/2022
- Gestaltung von Websites und E-Mail-Templates auf Basis bestehender Style-Guides - Erstellung von Wireframes und interaktiven Prototypen für Kundenprojekte - Pflege und Anpassung von Inhalten in Content-Management-Systemen wie WordPress und TYPO3 - Optimierung von Grafiken und Ladezeiten für bessere Core Web Vitals - Enge Abstimmung mit Text, SEO und Entwicklung im agilen Projektteam
Mediengestalterin Digital und Print
Werbeagentur Rheinland GmbH, Bonn
08/2016 – 08/2019
- Gestaltung von Web- und Printmedien während und nach der Ausbildung - Bildbearbeitung und Reinzeichnung mit Adobe Photoshop, Illustrator und InDesign - Mitarbeit an Corporate Designs und der Entwicklung von Bildwelten - Aufbereitung von Druckdaten und Erstellung webtauglicher Grafiken - Unterstützung bei Social-Media-Grafiken und Kampagnen-Assets
Ausbildung zur Mediengestalterin Digital und Print
Georg-Simon-Ohm-Berufskolleg, Köln
08/2016 – 07/2019
Note: 1,9
Fachrichtung Gestaltung und Technik; Schwerpunkte Screendesign, Typografie und Bildbearbeitung
Allgemeine Hochschulreife (Abitur)
Städtisches Gymnasium, Bonn
08/2007 – 06/2016
Note: 2,4
Leistungskurse Kunst und Deutsch
Relaunch Online-Magazin
Neugestaltung eines redaktionellen Online-Magazins mit Fokus auf Lesbarkeit, responsives Layout und schnelle Ladezeiten; Verbesserung der Core Web Vitals in den grünen Bereich
Design-System für Multimarken-Auftritt
Aufbau einer komponentenbasierten Bibliothek in Figma mit Design-Tokens für drei Marken; dadurch deutlich schnellere Umsetzung neuer Landingpages
Mediengestalterin Digital und Print (IHK-Abschluss)
IHK Köln · 07/2019
Google UX Design Professional Certificate
Google (Coursera) · 05/2021
Adobe Certified Professional – Visual Design (Photoshop)
Adobe / Certiport · 11/2020
CPACC – Certified Professional in Accessibility Core Competencies
IAAP (International Association of Accessibility Professionals) · 09/2023
Mit genau diesem Beispiel startest du im Editor. Ersetze die Angaben durch deine eigenen.
Vorlage verwendenIm Detail
Warum diese Vorlage für Web-Gestalter funktioniert
Im Webdesign ist Dein Lebenslauf selbst eine Arbeitsprobe – er muss inhaltlich überzeugen und gestalterisch sitzen. Personaler in Agenturen und digitalen Teams schauen zuerst auf Dein Portfolio, Deine Tools und konkrete Projekte. Die Bold-Vorlage unterstützt diesen Anspruch mit einer ausdrucksstarken, aber klaren Struktur, die Persönlichkeit zeigt, ohne unübersichtlich zu werden.
Worauf Personaler in diesem Beruf achten:
Die Vorlage gibt Projekten, Skills und Zertifikaten klar getrennte Bereiche, sodass Deine Stärken sofort sichtbar werden. Gerade der Projektabschnitt ist im Webdesign wertvoll: Hier zeigst Du mit Kennzahlen wie einer höheren Conversion-Rate oder besseren Core Web Vitals, dass gutes Design auch geschäftlich wirkt. Trotz des ausdrucksstarken Looks bleibt das Layout ATS-freundlich und wird von Bewerbermanagementsystemen zuverlässig ausgelesen.
Nutze die klare Struktur, um Deinen Weg von der Mediengestaltung zur Web-Gestaltung nachvollziehbar zu erzählen. Beginne jede Zeile mit einem Tätigkeitsverb, nenne Tools, Rolle und Ergebnis und verlinke unbedingt Dein Portfolio. So überzeugt Dein Lebenslauf sowohl die Filtersoftware als auch die Creative Direction, die genau weiß, wie professionelles Webdesign aussehen muss.
Mit dieser Vorlage starten
Alles lässt sich ändern: Inhalte, Design, Farben.
FAQ · Web-Gestalter/in
Nein, viele Web-Gestalter kommen über eine Ausbildung zur Mediengestalterin Digital und Print oder über Weiterbildungen und Quereinstieg. Ein Studium in Kommunikations- oder Mediendesign ist hilfreich, aber kein Muss. Entscheidend sind ein überzeugendes Portfolio und sichere Tool-Kenntnisse.
Es ist das wichtigste Element Deiner Bewerbung, denn Personaler wollen Deine Arbeit sehen und nicht nur darüber lesen. Verlinke eine eigene Portfolio-Website oder ein Profil auf Behance oder Dribbble. Wähle wenige, dafür starke Projekte mit einer kurzen Erläuterung Deiner Rolle.
Ja, Grundkenntnisse in HTML, CSS und modernen Frameworks wie Tailwind CSS sind ein klarer Vorteil. Sie zeigen, dass Du Designs umsetzbar gestaltest und mit der Entwicklung auf Augenhöhe sprichst. Du musst keine vollwertige Entwicklerin sein, aber technisches Verständnis wird erwartet.
Eine sehr große, seit das Barrierefreiheitsstärkungsgesetz viele digitale Angebote zur Barrierefreiheit verpflichtet. Kenntnisse der WCAG 2.2 und praktische Erfahrung mit barrierefreiem Design sind ein echtes Unterscheidungsmerkmal. Erwähne entsprechende Projekte oder Zertifikate.
Figma ist heute der Standard für UI-Design und Prototyping. Ergänzend sind die Adobe Creative Cloud für Bildbearbeitung und Grafik sowie Kenntnisse in gängigen CMS wie WordPress gefragt. Gib an, welche Tools Du sicher und welche Du grundlegend beherrschst.
Beschreibe Projekte mit Ausgangslage, Deiner Rolle und einem messbaren Ergebnis, etwa einer höheren Conversion-Rate oder schnelleren Ladezeiten. Zahlen machen Deinen gestalterischen Beitrag geschäftsrelevant. Ein eigener Projektabschnitt hebt diese Erfolge besonders hervor.
Ähnliche Berufe: Mediendesigner/in, UX-Designer/in, Grafikdesigner/in, Kommunikationsdesigner/in. Diese Berufe haben ein vergleichbares Profil und ähnliche Anforderungen.
Oft ist es optional, gelesen wird es trotzdem: Viele Personaler sehen am Anschreiben, wie du dich ausdrückst. Mit dem Anschreiben-Editor schreibst du es im gleichen Design wie deinen Lebenslauf – aus Lebenslauf und Stellenanzeige, nach DIN 5008.
Ablauf
Keine leere Seite, kein Layout-Stress – die Vorlage macht die Arbeit für dich.
01
Vorlage im Editor öffnen
Berufserfahrung, Skills und Formulierungen sind vorausgefüllt – du startest nicht bei Null.
02
Deine Daten eintragen
Tausche die Beispieldaten gegen deine eigenen aus. Layout und Farben passt du mit einem Klick an.
03
Lebenslauf als PDF herunterladen
Ein Klick, fertig. Dein Lebenslauf ist druckbereit und sofort versandfertig.
Drei Minuten von hier zu deinem fertigen Lebenslauf.
Alle Inhalte sind schon drin – du machst sie nur noch zu deinen.
Empfohlen von HR-Profis
Drei Stimmen aus Recruiting und Talent Acquisition – über das, was in den ersten drei Sekunden zählt.
„Ein klar strukturierter Lebenslauf macht den Unterschied. Diese Vorlagen helfen Bewerbern, ihre Stärken sofort sichtbar zu machen.“
„Wir screenen täglich hunderte Bewerbungen. Ein professionelles Layout und ATS-Optimierung sind entscheidend, um in die engere Auswahl zu kommen.“
„Die wichtigsten 3 Sekunden: Ist der Lebenslauf übersichtlich? Sind die Stationen klar? Diese Templates erfüllen genau das.“
Stimmen
„Kein nerviges Verschieben mehr wie in Word. Das Layout bleibt stabil, egal was ich ändere. Das hat mir gefühlt 3 Stunden Frust erspart."
„Sieht professionell aus und die Vorlagen passen auch für konservative Branchen. Ich habe 5 Bewerbungen verschickt und bei 3 eine positive Rückmeldung bekommen."
„Hatte am Abend die Stellenausschreibung gesehen und am nächsten Morgen schon beworben. In 20 Minuten war alles fertig – ohne Stress."
Bereit?
Passe diese Vorlage an und lade deinen Lebenslauf als PDF herunter.
Bereit?
Kostenlos registrieren, Job-Alerts setzen, Bewerbungstools nutzen. Kein Spam, keine versteckten Kosten.
Verwandt
Mit dieser Vorlage führst Du Recruiter zielsicher von Deinem Portfolio über Deine Pipeline-Kompetenz bis zu den Tools, die Du beherrschst – klar strukturiert und auf das Wesentliche fokussiert.
Lass Deine Bildsprache sprechen: Referenzen, Schwerpunkt und Portfolio-Link kommen sofort an – mutig gesetzt wie Deine Arbeit.
Mit der Vorlage Stripes verbindest Du ein gestalterisch überzeugendes Layout mit klar präsentierten Projekten und Software-Kenntnissen und zeigst sofort, dass Du modernes Mediendesign beherrschst.
So bewirbst Du Dich schneller und trotzdem professionell: Master-Lebenslauf, Anschreiben mit fester Struktur, KI als Entwurf, Job-Alert und Bewerben ohne Konto – Schritt für Schritt.
JobJump, StepStone, XING, LinkedIn, Indeed & Co. im Faktencheck: welche Jobportale KI für Lebenslauf, Anschreiben und Jobsuche bieten – mit Kosten und Konto-Pflicht.
So optimierst Du Dein LinkedIn-Profil Abschnitt für Abschnitt – mit Vorher/Nachher-Beispielen, klaren Regeln und einem kostenlosen Tool pro Schritt.
