Praxisnahe Webdesign-Ausbildung aus Eisenhüttenstadt

Webdesign praktisch lernen – mit Struktur, Feedback und echten Projekten

Tivovirly vermittelt Webdesign so, dass Einsteiger, Quereinsteiger, Marketing-Teams und kleine Unternehmen direkt an realen Aufgaben arbeiten können. Statt Theorie im luftleeren Raum gibt es klare Lernpfade, persönliche Begleitung und Ergebnisse, die sich im Job, im Kundenprojekt oder auf der eigenen Website sofort einsetzen lassen. Moderne Websites planen, gestalten und umsetzen – verständlich, anwendungsnah und auf den Punkt.

Tivovirly

Von der Idee zum ersten Layout

Du lernst, eine Website nicht nur schön zu finden, sondern sinnvoll zu planen. Vom Wireframe bis zur Startseite entsteht Schritt für Schritt ein nachvollziehbarer Aufbau, den du später selbst weiterführen kannst.

Figma und UX verständlich angewendet

Statt Tool-Touren ohne Ergebnis arbeiten wir mit klaren Aufgaben. So verstehst du, wie Figma, UX und UI zusammenwirken und wie du Entscheidungen für Nutzerführung, Lesbarkeit und Conversion begründest.

WordPress-Design für reale Projekte

Viele brauchen kein abstraktes Zertifikat, sondern eine Website, die im Alltag funktioniert. Deshalb verbinden wir Gestaltung, Inhalte und Umsetzung so, dass du mit WordPress sauber in die Praxis kommst.

Dozenten

Drei Lead-Dozenten und ein starkes Mentorennetzwerk begleiten dich durch Strategie, Gestaltung und Umsetzung.

Tivovirly ist auf Webdesign-Ausbildung für Deutschland ausgerichtet und verbindet klare Didaktik mit echter Anwendungsarbeit. Der Standort in Eisenhüttenstadt ist dabei kein Selbstzweck, sondern Ausdruck einer einfachen Haltung: verständlich erklären, sauber begleiten und Inhalte so aufbereiten, dass sie im Alltag funktionieren.

Anna Bergmann
Leitung Webdesign-Ausbildung

Anna Bergmann

Anna verbindet mehrjährige Projektpraxis in Webdesign und Markenkommunikation mit einer klaren, ruhigen Didaktik. Sie arbeitet mit den Teilnehmenden an echten Seitenstrukturen, korrigiert Layouts direkt im Prozess und achtet darauf, dass Entscheidungen nachvollziehbar bleiben.

Tobias Lehner
Lead für UX/UI und Figma

Tobias Lehner

Tobias kommt aus der Umsetzung digitaler Projekte und kennt die typischen Brüche zwischen Idee, Prototyp und finaler Seite. Im Unterricht übersetzt er komplexe Abläufe in einfache Schritte und zeigt, wie man Feedback in konkrete Verbesserungen verwandelt.

Miriam Scholz
Dozentin für WordPress und responsive Gestaltung

Miriam Scholz

Miriam arbeitet seit Jahren an Websites für kleinere Unternehmen und interne Marketing-Teams. Sie vermittelt, wie Inhalte in WordPress sauber organisiert werden und wie responsive Layouts auf mobilen Geräten stabil und lesbar bleiben.

Lernen mit sichtbaren Ergebnissen

Nicht an großen Versprechen, sondern an belastbaren Arbeitsergebnissen und sichereren Entscheidungen im Designprozess.

Unsere Mission

Wir machen Webdesign nachvollziehbar für Menschen, die nicht bei null anfangen wollen, sondern schnell zu brauchbaren Ergebnissen kommen möchten. Ob für den Berufseinstieg, den Wechsel aus einem anderen Bereich oder die interne Weiterentwicklung im Team – wichtig ist ein Lernweg, der Struktur gibt und direkt anwendbar bleibt.

Tivovirly

3 Lernformate

Live, online und als Intensivkurs

84 %

der Teilnehmenden arbeiten an echten Projektaufgaben

12 Wochen

für strukturierte Lernpfade und Portfolio-Ergebnisse

1:1 & Kleingruppe

für klares Feedback statt anonymer Massenkurs

Die Ausbildung ist in kleine, klare Schritte gegliedert. Jede Einheit führt zu einem sichtbaren Zwischenstand, den du prüfen, korrigieren und weiterentwickeln kannst.

So funktioniert Lernen bei Tivovirly

Von den Grundlagen bis zur Umsetzung: Jede Einheit baut logisch auf der vorherigen auf und bringt dich sichtbar voran.

Webdesign-Grundlagenkurse mit klarem Aufbau
Grundlage

Webdesign-Grundlagenkurse mit klarem Aufbau

Für alle, die Webdesign systematisch verstehen wollen, ohne von Fachbegriffen erschlagen zu werden. Du lernst die Bausteine moderner Websites, erkennst typische Fehler und bekommst eine klare Reihenfolge für Planung, Gestaltung und Umsetzung.

  • Visuelle Hierarchie, Typografie und Layout verstehen
  • Website-Struktur für Startseite, Unterseiten und Navigation planen
  • Praxisaufgaben mit direktem Feedback statt bloßer Theorie
Figma- und Wireframing-Workshops
Tool & Workflow

Figma- und Wireframing-Workshops

Diese Workshops richten sich an Einsteiger und Teams, die schnell sauber arbeiten wollen. Du setzt Wireframes, erste Prototypen und kollaborative Designschritte so auf, dass daraus echte Entscheidungen und keine Spielerei werden.

  • Wireframes für Startseiten, Landingpages und Content-Seiten
  • Arbeiten mit Komponenten, Frames und einfachen Prototypen
  • Klare Übergabe an Marketing, Entwicklung oder Kundenteams
Responsive Layout-Training für mobile Nutzererlebnisse
Responsiv

Responsive Layout-Training für mobile Nutzererlebnisse

Hier geht es darum, Layouts für verschiedene Bildschirmgrößen sicher zu denken und zu bauen. Du lernst, wie Inhalte auf Smartphone, Tablet und Desktop sinnvoll priorisiert werden, ohne dass das Design auseinanderfällt.

  • Breakpoints, Raster und flexible Elemente verstehen
  • Navigation und Inhalte für kleine Displays anpassen
  • Layouts so vorbereiten, dass sie in der Umsetzung stabil bleiben
UX/UI-Intensivkurse mit Praxisfällen
UX/UI

UX/UI-Intensivkurse mit Praxisfällen

Wenn du nicht nur gestalten, sondern Entscheidungen begründen willst, ist dieses Format richtig. Anhand realer Aufgaben übst du Nutzerführung, Informationsarchitektur und UI-Details, die eine Website klarer und nutzerfreundlicher machen.

  • User Flow, Zielgruppenlogik und Seitenaufbau verknüpfen
  • UI-Details wie Abstände, Buttons und Lesbarkeit schärfen
  • Konkrete Ergebnisse für Portfolio, Bewerbung oder Kundenpräsentation
WordPress-Design-Schulungen für Umsetzer
WordPress

WordPress-Design-Schulungen für Umsetzer

Ideal für kleine Unternehmen, Marketing-Teams und Selbstständige, die Inhalte nicht nur verwalten, sondern auch sinnvoll präsentieren wollen. Du lernst, wie Design und Content in WordPress zusammenlaufen und wie du Seiten sauber vorbereitest.

  • Seitenaufbau in WordPress verstehen und gestalten
  • Designvorgaben für Themes und Content-Module umsetzen
  • Arbeitsabläufe für interne Pflege und Erweiterung vereinfachen
Portfolio-Coaching für Designer und Quereinsteiger
Portfolio

Portfolio-Coaching für Designer und Quereinsteiger

Viele haben gute Arbeiten, aber kein überzeugendes Portfolio. Im Coaching machst du aus einzelnen Übungen eine nachvollziehbare Präsentation mit Kontext, Prozess und Ergebnis, die in Gesprächen besser trägt.

  • Projekte auswählen, strukturieren und sichtbar erklären
  • Vorher-Nachher, Rolle und Ergebnis sauber darstellen
  • Portfolio so aufbauen, dass es nicht beliebig wirkt

Portfolio und Projektbeispiele aus der Webdesign-Ausbildung

Die folgenden Beispiele zeigen unterschiedliche Lern- und Praxisstände. Entscheidend ist nicht nur das Endbild, sondern der nachvollziehbare Weg dahin.

  • Alle
  • UX/UI
  • Figma
  • WordPress
  • Corporate
Mockup einer modernisierten Service-Startseite
UX/UI-Redesign

Modernisierte Startseite für einen Servicebetrieb

Figma-Prototyp einer Landingpage mit Kommentaren
Prototyping

Klickbarer Figma-Prototyp für eine Landingpage

Strukturierte WordPress-Website im Layout-Editor
Umsetzung

WordPress-Seitenstruktur für ein lokales Unternehmen

Corporate Onepager mit klarer Markenführung
Markenkonzept

Corporate Onepager für interne Kommunikation

Mobile Leistungsseite mit optimierter Lesbarkeit
Responsive Design

Responsive Mobile-Optimierung einer Leistungsseite

Portfolio-Case-Study mit Projektaufbau
Portfolio-Coaching

Portfolio-Case-Study für eine Quereinsteigerin

Workshop-Projekt mit WordPress-Modulen und Textbausteinen
Content Workflow

WordPress-Workshop-Projekt für ein Redaktionsteam

Logo eines Mittelstandsunternehmens
Logo eines lokalen Dienstleisters
Logo eines Marketing-Teams
Logo eines Vereins
Logo eines B2B-Softwareanbieters
Logo einer Bildungsorganisation
Logo eines E-Commerce-Händlers
Logo eines Handwerksbetriebs

Kurse

Von den Grundlagen bis zur Umsetzung: Jede Einheit baut logisch auf der vorherigen auf und bringt dich sichtbar voran.

01

Webdesign-Grundlagen

Für Einsteiger, die Webdesign von Anfang an richtig einordnen wollen. Der Kurs legt das Fundament für Layout, Typografie, Seitenstruktur und visuelle Ordnung, damit spätere Designentscheidungen nicht zufällig wirken.

Weiterlesen
02

Figma- und Wireframing-Workshop

Ein kompakter Workshop für alle, die Ideen schnell in klare Entwürfe überführen wollen. Du lernst, wie aus einer groben Skizze ein Wireframe und daraus ein verständliches Prototyp-Konzept wird.

Weiterlesen
03

Responsive Layout-Training

Dieses Training richtet sich an Teilnehmende, die Layouts für mehrere Bildschirmgrößen sicher denken möchten. Der Fokus liegt auf Struktur, Priorisierung und technischer Klarheit für mobile und Desktop-Ansichten.

Weiterlesen
04

UX/UI-Intensivkurs

Für alle, die Nutzerführung nicht dem Zufall überlassen möchten. Du arbeitest an Informationsarchitektur, Interaktion und UI-Details und lernst, Entscheidungen sauber zu begründen.

Weiterlesen
05

WordPress-Design-Schulung

Ideal für Teams und kleine Unternehmen, die Seiten nicht nur pflegen, sondern besser gestalten wollen. Du lernst, wie Designvorgaben in WordPress sinnvoll umgesetzt und Inhalte klar strukturiert werden.

Weiterlesen
06

Portfolio-Coaching

Für alle, die aus Übungen und Projekten eine überzeugende Präsentation machen wollen. Gemeinsam schärfen wir Auswahl, Aufbau und Darstellung, damit deine Arbeiten in Gesprächen verständlich wirken.

Weiterlesen

Worauf du dich verlassen kannst

Von den Grundlagen bis zur Umsetzung: Jede Einheit baut logisch auf der vorherigen auf und bringt dich sichtbar voran.

01

Analyse des Ausgangspunkts

Wir klären Vorkenntnisse, Ziele und den passenden Lernweg. So wird aus einem allgemeinen Interesse ein konkreter Plan mit realistischem Tempo und passendem Format.

02

Arbeiten an echten Aufgaben

Statt isolierter Übungen setzt du Designschritte direkt an Beispielprojekten oder eigenen Vorhaben um. Dadurch entsteht ein sauberer Transfer in den Alltag.

03

Feedback und Korrekturen

Du bekommst nachvollziehbare Rückmeldungen zu Struktur, Layout, Nutzerführung und technischer Umsetzbarkeit. Das sorgt dafür, dass du nicht im Unklaren bleibst, sondern gezielt nacharbeiten kannst.

04

Ergebnis sichern

Am Ende steht ein belastbares Arbeitsergebnis: Wireframes, Prototypen, Layouts, WordPress-Seiten oder Portfolio-Projekte. So bleibt das Gelernte nicht abstrakt, sondern sofort anschlussfähig.

So arbeitet die Ausbildung im Detail

Vier Blickwinkel helfen dabei, das Angebot nach Ziel, Tempo und Arbeitsweise einzuordnen.

Grundlagen, die im Alltag wirklich helfen

Du lernst die wichtigsten Prinzipien für Aufbau, Gestaltung und Verständlichkeit von Websites. Das Ziel ist nicht nur Wissen, sondern ein erster sauberer Arbeitsstand, mit dem du weiterarbeiten kannst.

4–6 Wochen typische Dauer
6 Kapitel mit Übungsaufgaben
1 Projekt als Praxisanker
  • Grundlagen zu Layout, Typografie und Struktur
  • Einfache, klare Entscheidungen statt Fachjargon
  • Direkter Bezug zu eigenen Seiten oder Beispielen
Mehr zu den Grundlagen

Wireframing und Prototyping mit System

Figma wird nicht als Selbstzweck vermittelt, sondern als Werkzeug für bessere Zusammenarbeit. Du lernst, wie Ideen sichtbar, besprechbar und im nächsten Schritt umsetzbar werden.

2 Tage kompakt im Workshop
3 Dateistrukturen für typische Projekte
1 klickbarer Prototyp als Ergebnis
  • Saubere Frames, Komponenten und Varianten
  • Wireframes für echte Seitenaufgaben
  • Bessere Übergaben an Team oder Entwicklung
Zum Figma-Workshop

Layouts, die auf mobilen Geräten funktionieren

Du erfährst, wie Inhalte priorisiert werden und warum mobile Ansichten oft andere Entscheidungen brauchen als Desktop-Layouts. Das hilft dir, Seiten robuster und nutzerfreundlicher aufzubauen.

3 Geräteansichten im Lernfokus
8 Praxisregeln für stabile Layouts
80–90 % mehr Klarheit bei der Struktur
  • Mobile Navigation und Content-Hierarchie anpassen
  • Breakpoints und flexible Elemente sinnvoll nutzen
  • Typische Responsive-Fehler früh erkennen
Responsive Training ansehen

Portfolio und Fallstudien mit Substanz

Ein starkes Portfolio erklärt nicht nur, was gut aussieht, sondern wie du denkst und arbeitest. Genau deshalb geht es um Auswahl, Storyline und nachvollziehbare Ergebnisse.

5 Bestandteile pro Case Study
2 Feedbackschleifen im Coaching
1 klare Linie für die Präsentation
  • Arbeiten sinnvoll auswählen und ordnen
  • Rolle, Problem und Lösung verständlich darstellen
  • Präsentation auf Gespräche und Bewerbungen ausrichten
Portfolio-Coaching ansehen

FAQ

Hier findest du kompakte Antworten zu Ablauf, Voraussetzungen, Betreuung und Abschluss bei Tivovirly.

Die Ausbildung ist in kleine, klare Schritte gegliedert. Jede Einheit führt zu einem sichtbaren Zwischenstand, den du prüfen, korrigieren und weiterentwickeln kannst.

Kontakt

Für wen eignet sich die Webdesign-Ausbildung von Tivovirly?

Die Angebote richten sich an Einsteiger, Quereinsteiger, Marketing-Teams und kleine Unternehmen. Auch wer schon erste Tools kennt, aber einen klaren Workflow und mehr Sicherheit in der Umsetzung braucht, ist hier richtig. Entscheidend ist, dass du Webdesign praktisch lernen willst und nicht nur Theorie suchst.

Welche Vorkenntnisse brauche ich für den Einstieg?

Für die Grundlagenkurse brauchst du keine tiefe Vorbildung. Hilfreich ist nur die Bereitschaft, mit echten Aufgaben zu arbeiten und Feedback anzunehmen. Für intensivere Formate wie UX/UI oder WordPress ist es gut, wenn du schon ein Grundverständnis für Websites mitbringst, aber auch dort wird alles Schritt für Schritt erklärt.

Wie läuft ein Live-Online-Seminar ab?

Live-Online-Seminare finden in kleinen Gruppen statt und verbinden Erklärung, Demo und Übung. Du kannst Fragen direkt stellen und bekommst klare Hinweise zu den nächsten Schritten. Nach dem Termin hast du in der Regel ein greifbares Arbeitsergebnis oder eine saubere Vorlage für die Weiterarbeit.

Wie viel Praxis ist in den Kursen enthalten?

Praxis ist der Kern des gesamten Angebots. Je nach Format arbeitest du an Wireframes, Layouts, Prototypen, Startseiten oder Portfolio-Projekten. Die Übungen sind so angelegt, dass du nicht nur mitdenkst, sondern wirklich umsetzt.

Worin liegt der Unterschied zwischen Figma- und WordPress-Design?

Figma ist das Werkzeug für Planung, Struktur und visuelle Entwürfe. WordPress-Design setzt stärker an der Umsetzung und Pflege einer echten Website an. In der Ausbildung lernst du beides so, dass du verstehst, wann du konzipierst und wann du Inhalte in ein System überführst.

Bekomme ich Feedback zu meinen Arbeiten?

Ja, und zwar nicht nur allgemein, sondern konkret und nachvollziehbar. Du erfährst, was an Struktur, Lesbarkeit, Nutzerführung oder Darstellung verbessert werden kann. Das Feedback ist darauf ausgelegt, dass du deine Arbeit direkt nachschärfen kannst.

Hilft das Portfolio-Coaching auch, wenn ich noch wenig Material habe?

Ja. Gerade dann ist es sinnvoll, die vorhandenen Übungen, Studien oder Teilprojekte sauber zu ordnen und sinnvoll zu präsentieren. Du musst kein großes Archiv mitbringen – wichtig ist, dass die vorhandenen Arbeiten verständlich erzählt werden.

Sind die Formate auch für Teams geeignet?

Ja, besonders Corporate Webdesign-Trainings, Live-Online-Seminare und Workshops lassen sich gut für Teams nutzen. Dabei werden Inhalte auf den Arbeitsalltag, die vorhandenen Rollen und das aktuelle Website-Projekt abgestimmt. So entsteht kein Standardkurs, sondern ein Format mit direktem Bezug zum Teamziel.

Wie lange dauert es, bis ich ein erstes Ergebnis sehe?

Das hängt vom Format und deinem Ausgangspunkt ab. In Workshops und Bootcamps entstehen oft schon am ersten Termin wireframes, Seitenentwürfe oder konkrete Verbesserungslisten. In längeren Kursen wächst daraus ein vollständigeres Projekt mit sauberer Struktur und besserer Präsentation.

Kann ich die Inhalte auf meine eigene Website anwenden?

Ja, genau dafür sind viele Formate ausgelegt. Du kannst mit eigenen Inhalten, einem Kundenszenario oder einer internen Website arbeiten und das Gelernte direkt übertragen. So bleibt die Ausbildung nicht abstrakt, sondern greift in deinen echten Arbeitskontext.

Wie unterscheidet sich die Betreuung von einem großen Onlinekurs?

Die Gruppen bleiben bewusst überschaubar, damit Fragen nicht untergehen und Rückmeldungen wirklich nutzbar sind. Statt anonymer Massenmodule bekommst du klare Orientierung, Korrekturen und eine Struktur, die dich durch die Aufgabe führt. Das ist besonders hilfreich, wenn du nicht allein an einem Thema hängen bleiben möchtest.

Kontakt

Schick uns einfach eine kurze Nachricht – wir antworten persönlich und mit konkreten nächsten Schritten.

Adresse

Roseplatz 1/1, 78649 Eisenhüttenstadt, Germany

Telefon

+492098561619

Wir antworten in der Regel werktags innerhalb von 24 Stunden.

Mo–Fr: 09:00 – 18:00 Uhr
Sa: 10:00 – 14:00 Uhr

Schreib uns

Schick uns einfach eine kurze Nachricht – wir antworten persönlich und mit konkreten nächsten Schritten.