Job-Ready Web Design Bootcamp – Live, mentorengeleitet, mit Portfolio-Projekten und Karrieresupport
Unser intensives, live-gestütztes Online-Bootcamp bereitet dich praxisnah auf produktionsreifes Webdesign vor, verbindet UX/UI-Strategie mit modernen Frontend-Grundlagen, bietet individuelle Mentorings, reale Portfolio-Projekte und strukturierten Karrieresupport, damit du selbstbewusst in Bewerbung, Probearbeit und den ersten Job einsteigen kannst.
Über uns
Wir sind ein erfahrenes Team aus Produktdesignerinnen, Frontend-Engineers und Karriere-Coaches, das seit Jahren Designer für reale Jobs fit macht, mit klaren Standards, ehrlichem Feedback, partnerschaftlicher Betreuung und messbaren Ergebnissen, die in Bewerbungen und Probeprojekten überzeugen.
Programmüberblick
Erhalte eine klare Roadmap vom ersten Design-Briefing bis zur deployten Website, verstehe Lernziele und Leistungsnachweise, und erfahre, wie Mentoring, Projekte, Peer-Feedback und Karriere-Coaching zu einem stringenten, joborientierten Lernpfad verwoben werden, der messbare Ergebnisse und nachhaltiges Wachstum liefert.
Curriculum und Module
Ein modularer Lehrplan führt dich durch Research, Informationsarchitektur, Wireframing, visuelle Gestaltung, Prototyping, Barrierefreiheit, Designsysteme, responsive Umsetzung und Übergabe an Entwicklung, wobei jedes Kapitel mit klaren Meilensteinen, Bewertungsrastern und praxisorientierten Aufgaben verknüpft ist.
UX-Research und Informationsarchitektur
Du lernst, Nutzerinterviews zu planen, Hypothesen zu formulieren, Personas und Jobs-to-be-Done abzuleiten und Content zu strukturieren, damit Sitemap, Navigationslogik und Task-Flows verständlich, messbar und skalierbar werden und spätere Designentscheidungen fundiert unterstützt werden.
Wireframing und visuelle Gestaltung
Mit Low- und Mid-Fidelity-Wireframes definierst du Layout-Hierarchien, priorisierst Inhalte und entwickelst anschließend ein visuelles System aus Typografie, Farbpaletten, Komponenten und Raster, das kohärente Mockups ermöglicht und Qualität sowie Konsistenz über verschiedene Seiten und Geräte sicherstellt.
Prototyping und Usability-Tests
Du baust klickbare Prototypen, planst realistische Testaufgaben, rekrutierst geeignete Testpersonen und analysierst Ergebnisse, um präzise Verbesserungen vorzunehmen, Konversionsrisiken zu reduzieren und belastbare Evidenz für Designentscheidungen gegenüber Stakeholdern nachvollziehbar zu dokumentieren.
Tools und Tech-Stack
Wir arbeiten mit Figma, FigJam, modernen Browser-DevTools, semantischem HTML, modernem CSS inklusive Flexbox und Grid, und optional leichtgewichtigem JavaScript, damit du Schnittstellen zur Entwicklung verstehst und Designs technisch sauber, performant und zugänglich ausführbar vorbereiten kannst.
Figma-Workflows auf Profi-Niveau
Du lernst Auto-Layout, Varianten, Komponentenbibliotheken, Tokenisierung und Prototyping-Interaktionen, um skalierbare Systeme zu erstellen, die Änderungsaufwände minimieren, Zusammenarbeit beschleunigen und konsistente Umsetzung über komplexe Seitenstrukturen hinweg zuverlässig ermöglichen.
Design-Tokens und Systeme
Wir definieren Typografie-, Farb- und Spacing-Tokens, bündeln sie in Komponenten und dokumentieren Anwendungsregeln, damit Entwickler reibungslos übernehmen können und dein Design bei Erweiterungen zuverlässig seine visuelle und funktionale Integrität beibehält.
Accessible, Responsive, Performant
Du integrierst WCAG-Richtlinien, nutzt semantische Elemente, planst Kontrast, Fokuszustände und Tastaturnavigation, und denkst Performance bereits in der Gestaltung mit, um ein inklusives, schnelles und angenehm nutzbares Erlebnis auf unterschiedlichsten Geräten sicherzustellen.
Frontend-Grundlagen für Designer
Verstehe, wie semantisches HTML, CSS-Architekturen und grundlegendes JavaScript deine Designentscheidungen beeinflussen, bessere Übergaben ermöglichen und Risiken in der Umsetzung frühzeitig identifizieren helfen, damit Design und Entwicklung effizient und konsistent zusammenarbeiten.
Semantisches HTML und Struktur
Du ordnest Inhalte korrekt, nutzt Überschriftenhierarchien, Landmark-Roles und Formulare angemessen, wodurch Barrierefreiheit, SEO und robuste Layouts profitieren, und du erleichterst Entwicklern die zuverlässige, zukunftssichere Implementierung deiner Entwürfe erheblich.
Modernes CSS mit Flexbox und Grid
Wir üben responsive Layouts, skalierbare Komponenten, variable Fonts, Container-Queries und sinnvolle Kaskaden, damit dein Design in verschiedensten Viewports sauber, wartbar und mit minimalem Overhead umgesetzt werden kann.
Interaktive Mikroerlebnisse mit JavaScript
Du planst dezente Interaktionen, wählst geeignete Patterns, achtest auf Zugänglichkeit und Performance, und briefst Implementierungen so, dass Entwickler zielgenau, testbar und ohne unnötige Abhängigkeiten produktionsreife Ergebnisse liefern können.
Portfolio-Projekte
Drei reale, betreute Fallstudien bilden den Kern deines Portfolios, mit klaren Business-Zielen, messbaren KPIs und dokumentierten Iterationen, sodass Recruiter nachvollziehen, wie du Probleme analysierst, Lösungen entwickelst und Wirkung in produktnahen Szenarien erzeugst.
E-Commerce Produktseite und Checkout
Von Research über Informationsarchitektur bis zu High-Fidelity-Mockups und Prototyping entwirfst du eine konversionsstarke Produktseite mit klaren Hierarchien, barrierefreien Formularen und reduzierter Reibung im Checkout, unterstützt durch Testdaten und Auswertung realitätsnaher Usability-Tests.
SaaS-Dashboard mit Datenvisualisierung
Du entwickelst ein modulartiges Dashboard mit skalierbaren Komponenten, hilfreichen Leerstaaten, belastbaren Tabellen und verständlichen Diagrammen, dokumentierst Entscheidungen und validierst sie mit Testaufgaben, um Nutzern Klarheit, Geschwindigkeit und Orientierung zu liefern.
Performance-optimierte Landingpage
Du konzipierst eine fokussierte Landingpage mit prägnanter Value Proposition, starker visueller Hierarchie, klaren CTAs, sinnvollen Mikrointeraktionen und leichter technischer Übergabe, inklusive Varianten für A/B-Tests und strukturierter Messkonzeption für Conversion-Tracking.
Live-Mentoring und Feedback
Erhalte kontinuierliche, individuelle Unterstützung in Live-Sessions, Design-Critiques und technischen Q&A-Runden, damit du Hindernisse schnell überwindest, bewusste Entscheidungen triffst und dein Tempo über strukturierte, konkrete Verbesserungsvorschläge nachhaltig erhöhst.
1:1-Sprechstunden mit Mentoren
In persönlichen Sprechstunden priorisierst du Aufgaben, klärst Konzeptfragen, erhältst ehrliches, umsetzbares Feedback und definierst konkrete nächste Schritte, damit dein Projekt planbar vorankommt und du gezielt auf Bewerbungsanforderungen hinarbeitest.
Gruppen-Critiques und Peer-Learning
In moderierten Runden präsentierst du Zwischenergebnisse, lernst, Feedback zielgerichtet zu geben und anzunehmen, und beobachtest, wie andere Probleme lösen, wodurch dein Urteilsvermögen und deine eigene Designqualität spürbar wachsen.
Technische Q&A und Übergabe
Wir beantworten Fragen zu Komponenten, Tokens, Exporten, Annotierungen und Dokumentation, damit Entwickler sauber übernehmen können und du Übertragungsfehler, Missverständnisse und Zeitverluste effektiv vermeidest.
Karriereunterstützung
Wir begleiten dich von Profilschärfung über Bewerbungsstrategie bis Interviewtraining, liefern Vorlagen, individuelle Reviews und realistische Übungen, damit du selbstbewusst auftrittst und schneller passende Angebote erreichst.
Lebenslauf- und Portfolio-Review
Du erhältst präzise, arbeitsmarktnahe Verbesserungsvorschläge für Lebenslauf, Case-Studies und Projektauswahl, strukturierst Wirkung, Metriken und Verantwortlichkeiten, und lernst, deinen Beitrag zum Geschäftserfolg verständlich und glaubwürdig darzustellen.
LinkedIn-Optimierung und Outreach
Wir verbessern Headline, Summary, Projekte und Keywords, zeigen dir effektives Netzwerken, sinnvolle Kontaktaufnahme und Follow-ups, damit Recruiter dich finden und du proaktiv relevante Gespräche in Gang setzt.
Interview- und Whiteboard-Training
In Simulationen übst du Portfolio-Pitches, Live-Design-Aufgaben und Stakeholder-Fragen, trainierst Struktur, Klarheit und Zeitmanagement, und erhältst konkrete Hinweise zur Nachbereitung, damit Gespräche nachvollziehbar und überzeugend verlaufen.
Zeitplan und Lernformat
Die Live-Sessions finden abends und am Wochenende statt, Aufzeichnungen und Materialien sind jederzeit verfügbar, und feste Meilensteine halten dich im Zeitplan, ohne deine beruflichen oder familiären Verpflichtungen zu überlasten.
Abendliche Live-Workshops
Unsere interaktiven Workshops kombinieren Input, Q&A und Übungsphasen, damit du Konzepte direkt anwendest, Verständnis festigst und mit konkreten Ergebnissen aus jeder Sitzung gehst, die sofort in dein Projekt einfließen.
Selbstlernphasen mit Check-ins
Zwischen den Terminen arbeitest du fokussiert an Aufgaben, dokumentierst Fortschritt im Board und erhältst asynchrones Feedback, wodurch du flexibel bleibst und dennoch zuverlässig in deinem persönlichen Tempo voranschreitest.
Aufzeichnungen und Ressourcen
Alle Sessions werden aufgezeichnet, ergänzt durch Vorlagen, Checklisten und Beispiele, sodass du Inhalte vertiefen, verpasste Punkte nachholen und Best Practices langfristig in deinem Arbeitsalltag verankern kannst.
Programme und Zusatzleistungen
Wähle zwischen dem kompletten, mentorengeleiteten Bootcamp und gezielten Upgrades, die dein Lernen beschleunigen, Lücken schließen und deine Bewerbungsfähigkeit unmittelbar steigern, inklusive persönlichem Mentoring, strukturiertem Karrierecoaching und professioneller Portfolio-Redaktion.
Komplettes Bootcamp – 12 Wochen Live-Training
Enthält Live-Workshops, Mentorensprechstunden, drei reale Portfolio-Projekte, Bewertungen nach Rubrics, Karrierecoaching und zertifizierten Abschluss, damit du souverän präsentieren, sauber übergeben und in Bewerbungen mit belastbaren Ergebnissen punkten kannst.
2.490 €
1:1 Mentoring-Upgrade – 5 Sitzungen à 60 Minuten
Persönliche, zielgerichtete Unterstützung für Projekte, Case-Studies, Präsentationen oder technische Übergaben, mit klaren To-dos und Nachbereitung, damit du schneller iterierst, typische Fehler vermeidest und hochwertige Ergebnisse verlässlich erreichst.
2.490 €
Karrierepaket Pro – Profil, Bewerbungen, Interviews
Individuelle Optimierung von Lebenslauf, LinkedIn und Portfolio, plus Mock-Interviews, Storytelling-Training und Outreach-Strategie, damit du passende Rollen identifizierst, Gespräche gewinnst und selbstsicher durch den Auswahlprozess navigierst.
2.490 €
Bewertung und Qualitätssicherung
Transparente Kriterien, messbare Outcomes und strukturierte Rubrics stellen sicher, dass du Fortschritt siehst, Feedback verstehst und deine Arbeit besonnen iterierst, bis Qualität und Jobtauglichkeit erreicht sind.
- Rubrics und Meilensteine Jede Aufgabe ist mit klaren Kriterien hinterlegt, die Verständlichkeit, Konsistenz, Zugänglichkeit, technische Übergabe und Wirkung bewerten, sodass du gezielt an Schwachstellen arbeiten und Stärken systematisch ausbauen kannst.
- Peer-Review mit Leitfäden Strukturierte Leitfragen helfen dir, fokussiertes, respektvolles Feedback zu geben und zu empfangen, wodurch du Perspektiven erweiterst, blinde Flecken erkennst und deine Entscheidungsgrundlagen kontinuierlich verbesserst.
- Mentoren-Assessment Mentoren prüfen kritische Artefakte, kommentieren Risiken, geben Prioritäten vor und empfehlen konkrete Maßnahmen, damit dein Projekt bis zur Bewerbungssituation robust und überzeugend wirkt.
Zertifizierung und Abschluss
Nach erfolgreichem Abschluss erhältst du ein verifizierbares Zertifikat, detailliertes Leistungsprofil und ein öffentliches Portfolio, das Hiring-Managern nachvollziehbar zeigt, welche Probleme du gelöst und welchen Mehrwert du geschaffen hast.
Abschlussprüfung und Review
Du präsentierst deine Fallstudien, beantwortest Rückfragen, begründest Entscheidungen mit Research und Metriken, und dokumentierst Learnings, um Reifegrad und Jobtauglichkeit transparent zu belegen.
Verifizierbares Zertifikat
Ein digital prüfbarer Nachweis mit Skill-Matrix und Projektzusammenfassungen erleichtert die interne Weitergabe bei Arbeitgebern und erhöht Sichtbarkeit sowie Vertrauen in deinen tatsächlichen Kompetenzstand.
Portfolio-Veröffentlichung
Wir finalisieren Texte, Visuals, Mockups und Struktur, optimieren Ladezeit und Zugänglichkeit, und unterstützen bei Hosting sowie Tracking, damit dein Portfolio professionell wirkt und Ergebnisse messbar kommuniziert.
Aufnahme und Voraussetzungen
Ein kurzer Eignungscheck klärt Ziele, Zeitfenster und Motivation, damit du realistisch planen kannst, und wir geben Vorbereitungsressourcen, die dir den Einstieg erleichtern und den Lernerfolg von Beginn an sichern.
Einstufungsgespräch
In einem unverbindlichen Call prüfen wir Ausgangslage, diskutieren Ziele und erläutern Workload, damit Erwartungen, Zeitplan und Unterstützung von Anfang an stimmig zueinander passen.
Technische Anforderungen
Ein aktueller Laptop, stabile Internetverbindung, Figma-Account und ein moderner Browser genügen, optional sind Maus und großes Display für komfortableres Arbeiten empfohlen, damit du effizient gestalten und testen kannst.
Finanzierung und Förderung
Flexible Raten, Frühbucherrabatte und Arbeitgeberfinanzierung machen die Teilnahme planbar, während transparente Vertragsbedingungen und klare Stornofristen finanzielle Risiken minimieren und Sicherheit schaffen.
Ratenzahlungspläne
Wir bieten mehrere, gebührenarme Ratenoptionen mit klaren Zahlungszeitpunkten und ohne versteckte Kosten, damit du Weiterbildung planbar in dein monatliches Budget integrieren kannst.
Arbeitgeberbeteiligung
Wir liefern Angebotsunterlagen, Lernziele und Nutzenargumente für interne Freigaben, damit dein Unternehmen die Weiterbildung unterstützt und du berufsbegleitend aufwertest.
Rabatte und Stipendien
Es gibt begrenzte Plätze für Bedürftige, Frühbucher und Alumni, die transparent vergeben werden, um Zugang zu sichern, ohne Qualitätsstandards oder Betreuungsschlüssel zu beeinträchtigen.
Community und Alumni-Netzwerk
Eine aktive Slack-Community, regelmäßige Alumni-Events und Partnerkontakte verbinden dich langfristig mit Mentorinnen, Peers und Arbeitgebern, fördern Austausch, Mentoring und Jobchancen weit über den Kurs hinaus.
Slack-Workspace und Kanäle
Themenkanäle für Fragen, Feedback, Tools, Jobs und Erfolge halten dich im Austausch, ermöglichen schnelle Hilfe und schaffen Sichtbarkeit für Fortschritte, die Motivation und Lernfreude steigern.
Alumni-Mentoring
Ehemalige teilen reale Hiring-Erfahrungen, Review-Beispiele und Networking-Tipps, sodass du aus aktueller Praxis lernst und übliche Fallstricke in Bewerbungsprozessen gezielt vermeidest.
Partner- und Arbeitgeberkontakte
Wir pflegen Kontakte zu Agenturen, Startups und Produktteams, teilen passende Ausschreibungen und empfehlen Talente, wenn Projektqualität, Auftreten und Motivation überzeugend zusammenkommen.
Job-Readiness und Praxisnähe
Alle Inhalte zielen auf sofortige Anwendbarkeit, echte Deliverables und klare Kommunikationsfähigkeit, damit du in Probearbeiten, Tests und Onboarding früh Wirkung zeigst und messbar performst.
Mehr erfahren