Welcome to zelantrivoxa
Portfolio-Ready Web Design Bootcamp – Live-Online mit 1:1 Mentoring und Karrierecoaching
Unser praxisorientiertes Bootcamp vermittelt dir in intensiven Live-Online-Kursen die gefragtesten Webdesign-Skills, begleitet durch persönliches 1:1 Mentoring und strukturiertes Karrierecoaching. Du baust reale Projekte, schärfst dein Portfolio für Bewerbungen und erhältst kontinuierliches Feedback, damit du selbstbewusst professionelle, zugängliche und performante Websites konzipieren, gestalten, prototypen und umsetzen kannst.
Über uns
Wir sind ein Team aus Designerinnen, Entwicklern und Career-Coaches mit Agentur- und Produkterfahrung aus DACH. Unser Fokus liegt auf messbaren Lernergebnissen, ehrlichem Feedback und einem Portfolio, das deine Arbeitsweise nachvollziehbar macht und dich bei Recruitern nachhaltig sichtbar werden lässt.
Programme und Zusatzleistungen
Stelle dir dein Lernpaket passend zu Zielen und Zeitbudget zusammen: Vom kompletten Live-Bootcamp über zusätzliche Mentoring-Stunden bis hin zu intensivem Karrierecoaching erhältst du genau die Bausteine, die dich schneller zu einem überzeugenden, jobbereiten Portfolio führen.
Bootcamp Komplettpaket (12 Wochen, live online)
Das Komplettpaket umfasst alle Module, Live-Sessions, Aufzeichnungen, 1:1 Mentorings, Portfolio-Betreuung und Karrierecoaching. Du schließt mit einem präsentationsreifen Capstone ab und dokumentierst mehrere Case Studies, die deine Skills und Entscheidungen transparent belegen und Arbeitgebern echte Einblicke ermöglichen.
€3.980
Mentoring-Plus: Zusätzliche 1:1-Sessions und Projektbegleitung
Erhalte zusätzliche persönliche Mentorings über das reguläre Kontingent hinaus. Wir vertiefen Code-, Design- und Prozessfragen an deinen konkreten Projekten, definieren Zwischenziele und sichern die Qualität deiner Fallstudien mit detaillierten Reviews und klaren, sofort umsetzbaren Empfehlungen.
€3.980
Karrierepaket Pro: Bewerbung, Storytelling, Interviewtraining
Dieses Paket fokussiert Positionierung, Lebenslauf, LinkedIn-Optimierung, Portfolio-Storytelling und realistische Interviewübungen. Wir bauen eine wiederholbare Bewerbungsroutine auf, verbessern Response-Raten messbar und trainieren strukturierte Antworten, die deine Wirkung und Professionalität klar transportieren.
€3.980
Lehrplan in Modulen
Der modulare Lehrplan verbindet UI/UX-Grundlagen, Webstandards, responsives Layout, Barrierefreiheit, Designsysteme, JavaScript-Grundlagen und Performance-Optimierung zu einem durchgängigen Lernpfad, der dich Schritt für Schritt zur professionellen, portfoliofähigen Umsetzung realer Webprojekte führt.
HTML5, Semantik und Accessibility-Basics
Wir beginnen mit sauberer Semantik, strukturierter Gliederung, sinnvollen Landmark-Rollen und Basiskomponenten, die Suchmaschinen und Screenreadern klare Hinweise geben. Du lernst WAI-ARIA-Prinzipien, Formulare mit Validierung und zugängliche Komponenten aufzubauen, um von Anfang an robuste, inklusionsfreundliche Websites zu entwickeln.
CSS3, Responsive Layouts und moderne Gestaltung
Du setzt flexibles Design mit Flexbox, Grid, Container Queries und fluiden Typografie-Skalen um, nutzt Variablen, Design Tokens und Utility-Klassen, und entwickelst skalierbare Style-Architekturen. So erreichst du konsistente, wartbare Interfaces, die auf allen Geräten überzeugen und die Design-Intention zuverlässig transportieren.
JavaScript Essentials für Webdesigner
Wir fokussieren auf DOM-Manipulation, Ereignisse, Zustandsdenken und progressive Enhancement, damit Interaktionen zugänglich, performant und wartbar bleiben. Du lernst modulare Patterns, leichte Libraries selektiv einzusetzen und Fallbacks zu planen, um nutzerzentrierte, robuste Erlebnisse ohne unnötige Komplexität zu schaffen.
UI/UX-Designfundament
Nutzerzentriertes Denken bildet die Grundlage: Von Research und Personas über User Journeys und Informationsarchitektur bis zu Wireframes, Prototypen und Testings lernst du, Entscheidungen daten- und feedbackbasiert zu treffen, klare Flows zu gestalten und Reibungsverluste konsequent zu reduzieren.
Nutzerforschung, Personas und Problemdefinition
Du planst und führst schlanke Research-Formate durch, identifizierst Muster in qualitativen Erkenntnissen, definierst klare Problemsätze und formulierst Hypothesen. Daraus leitest du spezifische Anforderungen ab, priorisierst Funktionen und gestaltest fokussierte Flows, die echte Nutzerbedürfnisse adressieren, statt Annahmen zu folgen.
Wireframes, Prototyping und schnelle Iteration
Du entwickelst Low- bis High-Fidelity-Prototypen in Figma, testest Ideen früh mit Nutzern und Stakeholdern und dokumentierst Erkenntnisse transparent. So erreichst du bessere Designentscheidungen, reduzierst Implementierungsrisiken und beschleunigst die Zusammenarbeit, weil alle Beteiligten den Nutzen und die Funktionsweise unmittelbar verstehen.
Designsysteme, Typografie und Barrierefreiheit
Du konstruierst konsistente Komponenten, definierst Farb- und Typografieskalen mit ausreichenden Kontrasten, planst Zustände und Variationen, und dokumentierst Richtlinien verständlich. Das Ergebnis sind skalierbare, zugängliche Oberflächen, die sich effizient erweitern lassen und über Projekte hinweg eine wiedererkennbare Markenwirkung entfalten.
Live-Unterricht und Lernmethodik
Interaktive Sessions mit klaren Lernzielen, kurzen Impulsvorträgen, Live-Demos und betreuten Übungen fördern aktives Anwenden. Durch strukturierte Check-ins, Mikroprojekte und Reflexionen verankerst du Wissen nachhaltig und erhältst kontinuierlich Feedback, das dich gezielt an deinen persönlichen Entwicklungszielen ausrichtet.
Struktur der Live-Sessions und Praxisblöcke
Jede Session beginnt mit einem fokussierten Input, gefolgt von Live-Coding oder Design-Demos und einem angeleiteten Praxisblock. Du arbeitest an realitätsnahen Aufgaben, stellst Fragen im Chat, und bekommst direktes Coaching, damit Hürden früh erkannt und effizient gelöst werden.
Aufzeichnungen, Skripte und Übungsmaterial
Alle Sessions werden aufgezeichnet und mit Kapiteln versehen, sodass du Inhalte gezielt nacharbeiten kannst. Ergänzende Skripte, Cheatsheets, Starter-Repositories und Musterprojekte helfen dir, Techniken zu verfestigen und Best Practices an konkreten Beispielen sauber nachzuvollziehen.
Kleine Gruppen und konstruktives Feedback
Durch begrenzte Gruppengrößen erhältst du spürbar mehr individuelle Aufmerksamkeit. Konstruktive, umsetzbare Rückmeldungen zu Code, Design und Prozess unterstützen dich, Schwächen zu erkennen, Stärken auszubauen und einen professionellen Qualitätsstandard kontinuierlich zu internalisieren.
1:1 Mentoring
Persönliche Mentoringsitzungen geben dir maßgeschneiderte Lernpfade, Code-Reviews und Portfolio-Guidance. Du priorisierst mit deinem Mentor messbare Ziele, reflektierst Fortschritte und triffst fundierte Entscheidungen, um schneller, sicherer und mit klarem Fokus zum sichtbaren Ergebnis zu kommen.
-
Gemeinsam bestimmst du realistische Meilensteine, wählst passende Übungen und Projekte, und planst Lernrhythmen, die zu deinem Alltag passen. So entlastet dich ein klarer Plan und du investierst Zeit in das, was deinen Fortschritt wirklich beschleunigt und dein Portfolio stärkt.
-
Mentoren prüfen Struktur, Lesbarkeit, Semantik, Performance und Accessibility, geben konkrete Verbesserungsvorschläge und Beispiele. Du lernst, saubere Pull Requests zu erstellen, sinnvolle Commits zu schreiben und nachvollziehbare Begründungen zu dokumentieren, die in professionellen Teams Vertrauen schaffen.
-
Du definierst Zielrollen, wählst geeignete Fallstudien, schärfst Nutzenargumente und entwickelst prägnante Storylines, die deinen Prozess, Entscheidungen und Ergebnisse sichtbar machen. So sprichst du die richtigen Arbeitgeber an und erhöhst die Relevanz deiner Bewerbungen deutlich.
Portfolio-Projekte und Capstone
Du arbeitest an realitätsnahen Briefings, baust vollständige Case Studies und präsentierst zum Abschluss ein Capstone-Projekt. Dabei belegst du Fähigkeiten mit nachvollziehbaren Prozessen, konkreten Metriken und reflektierten Entscheidungen, die Arbeitgebern deine Arbeitsweise und Wirkung transparent zeigen.
Mehr erfahrenKarrierecoaching und Jobsuche
Unser Coaching deckt Lebenslauf, LinkedIn, Portfolio-Storytelling, Bewerbungsstrategie und Interviewtraining ab. Du lernst, dich klar zu positionieren, passende Rollen zu identifizieren und Bewerbungsprozesse strukturiert, selbstbewusst und nachhaltig erfolgreich zu durchlaufen.
Lebenslauf, LinkedIn und Positionierung
Wir verdichten deine Erfahrungen zu klaren, messbaren Erfolgen, stärken dein Profil mit relevanten Keywords und strukturieren Inhalte für Recruiter-Scans. So wirst du in Suchen sichtbar und wirkst in Gesprächen zielgerichtet und professionell vorbereitet.
Bewerbungsstrategie und Outreach
Du entwickelst eine Pipeline mit priorisierten Zielunternehmen, erstellst anpassbare Anschreiben und lernst, Initiativkontakte respektvoll sowie wirksam aufzubauen. Ein konsistenter Prozess erhöht Reaktionsquoten und beschleunigt Einladungen zu Gesprächen spürbar.
Interviewtraining und Aufgabenbearbeitung
Durch Rollenspiele, Design-Challenges und Whiteboard-Übungen trainierst du Struktur, Klarheit und Zeitmanagement. Du lernst, Entscheidungen verständlich zu begründen, Kompromisse zu erklären und gelassen mit Unsicherheit umzugehen, ohne an Überzeugungskraft zu verlieren.
Design- und Produktwerkzeuge
Mit Figma, Komponentenbibliotheken, Variablen und Auto-Layout baust du überzeugende Prototypen. Ergänzend strukturierst du Dokumentation in Notion und koordinierst Aufgaben mit Kanban-Boards, um Reibungsverluste in der Zusammenarbeit zuverlässig zu minimieren.
Entwicklung, Versionierung und Automatisierung
VS Code mit hilfreichen Erweiterungen, Git-Workflows und GitHub Actions unterstützen saubere Commits, Previews und Qualitätssicherung. Du lernst, Build-Schritte schlank zu halten und Automatisierung so einzusetzen, dass sie hilft und nicht behindert.
Performance-, SEO- und Accessibility-Audits
Du nutzt Lighthouse, WebPageTest und AXE, identifizierst Bottlenecks, priorisierst Fixes und misst Verbesserungen. Das befähigt dich, nachweisbare Optimierungen vorzulegen und die Wirkung deiner Arbeit datenbasiert zu belegen, statt nur subjektive Eindrücke zu liefern.
Zeitplan, Formate und Workload
Abendtermine, Wochenendblöcke und geplante Selbstlernphasen schaffen einen realistischen Rhythmus. Durch feste Sprechstunden bleibt Raum für individuelle Fragen, ohne Momentum zu verlieren, während klare Deadlines den Projektfortschritt zuverlässig voranbringen.
Abendkurs: Arbeit und Lernen vereinen
Unterricht an Werktagen am Abend lässt sich mit Beruf oder Studium vereinbaren. Zwischen den Sessions setzt du kleine Aufgaben um, sicherst Verständnis, und kommst mit konkreten Fragen in die nächste Live-Runde zurück.
Wochenend-Intensivblöcke
Kompakte Blöcke vertiefen komplexe Themen mit Fokus und Ruhe. Du arbeitest konzentriert an Meilensteinen, bekommst zeitnahes Feedback und schließt Module sichtbar ab, wodurch Motivation und Klarheit spürbar steigen.
Aufnahme, Voraussetzungen und Support
Wir prüfen Motivation, Lernziele und Basisverständnis, damit die Kohorte gut harmoniert. Du erhältst Vorbereitungsmaterial, technische Checklisten und direkten Support, damit der Start reibungslos gelingt und du dich auf das Wesentliche konzentrieren kannst.
Eignungsgespräch und Vorbereitung
Im kurzen Gespräch klären wir Erwartungen, Zeitbudget und Vorwissen. Du erhältst Prework, mit dem du Grundlagen sicherst und die ersten Tools einrichtest, um vom ersten Tag an produktiv mitarbeiten zu können.
Technische Voraussetzungen
Wir empfehlen einen aktuellen Laptop, stabile Internetverbindung, Headset und eine Kamera für interaktive Sessions. Setup-Guides helfen beim Einrichten, damit Demos, Coding und Prototyping ruckelfrei und verlässlich funktionieren.
Lernsupport und Community
Ein moderierter Community-Space bietet Fragenkanäle, Peer-Hilfe und Ressourcensammlungen. So bekommst du schnelle Antworten, tauschst Erfahrungen aus und bleibst auch zwischen den Sessions gut begleitet und motiviert.
Finanzierung, Rabatte und Verträge
Transparente Konditionen, flexible Raten und faire Stornoregeln machen Planung einfach. Wir beraten dich zu Arbeitgeberzuschüssen, Bildungsbudgets und Frühbucherangeboten, damit du eine tragfähige Entscheidung triffst, die zu deiner Situation passt.
- Ratenzahlung und Zahlungspläne Mehrere Ratenmodelle reduzieren die monatliche Belastung ohne versteckte Gebühren. Du wählst einen Plan, der zu deinem Einkommen passt, und behältst mit klaren Fälligkeiten und Belegen jederzeit den Überblick.
- Rabatte und Fördermöglichkeiten Es gibt zeitlich begrenzte Frühbucherpreise, Alumni-Rabatte und Kontingente für unterrepräsentierte Gruppen. Wir informieren transparent, prüfen Anspruchskriterien und helfen bei der Beantragung, damit dir kein Vorteil entgeht.
- Rechtliches und Widerruf Verträge sind verständlich formuliert, enthalten klare Widerrufsfristen und definieren Leistungen präzise. So weißt du verlässlich, was du bekommst, welche Pflichten bestehen und wie du Änderungen rechtzeitig kommunizierst.
Häufige Fragen
Wie funktioniert der Live-Unterricht konkret?
Jede Session kombiniert kurze Theorie, Live-Demos und betreute Praxis. Fragen klärst du direkt per Audio oder Chat. Aufzeichnungen mit Kapiteln, Skripte und Übungssets sichern Wiederholung. Regelmäßige Check-ins und Sprechstunden verhindern Blockaden und fördern stetige, messbare Lernfortschritte.
Brauche ich Vorkenntnisse, um starten zu können?
Grundlegendes Computerverständnis reicht aus. Ein kurzes Prework führt dich in HTML, CSS, Figma und Git ein, damit du zum Kick-off arbeitsfähig bist. Motivation, Zeitdisziplin und Neugier sind wichtiger als Vorwissen, denn wir begleiten dich strukturiert durch alle relevanten Grundlagen.
Was bringt mir das 1:1 Mentoring zusätzlich?
Im 1:1 klären wir deinen individuellen Lernpfad, priorisieren Aufgaben und besprechen Code sowie Designs im Detail. Du bekommst konkrete, begründete Verbesserungsvorschläge und definierte nächste Schritte, die direkt auf dein Portfolio und deine Zielrollen einzahlen und echten Fortschritt erzeugen.
Wie entsteht ein überzeugendes Portfolio im Bootcamp?
Du arbeitest an realen Briefings, dokumentierst Ziele, Entscheidungen und Ergebnisse, und formst daraus klare Case Studies. Mentor-Feedback schärft Nutzenargumente, Visuals und Struktur. So entsteht ein Portfolio, das Arbeitsweise und Wirkung nachvollziehbar macht, statt nur hübsche Screens zu zeigen.
Welche Unterstützung erhalte ich bei der Jobsuche?
Wir optimieren Lebenslauf und LinkedIn, definieren Zielrollen, bauen eine Outreach-Pipeline und trainieren Interviews praxisnah. Zusätzlich erhältst du Vorlagen, Checklisten und Feedbackschleifen, damit deine Bewerbungen relevanter werden, Rückmeldungen zunehmen und Gespräche souveräner gelingen.
Wie flexibel sind Zeitplan und welche Technik brauche ich?
Abendtermine und Wochenendblöcke plus Aufzeichnungen geben Flexibilität. Du brauchst einen aktuellen Laptop, stabiles Internet, Headset und Kamera. Setup-Guides und Support sorgen dafür, dass Tools, Repos und Prototyping reibungslos laufen und du zuverlässig teilnehmen kannst.