Webdesign praxisnah lernen – mit Figma, WordPress und klaren Ergebnissen

Ira Rano vermittelt Webdesign als Weiterbildung, die sofort in echte Projekte übersetzt wird: von Wireframes und Layouts bis zu responsiven Seiten und einer sauberen Übergabe. Das Angebot richtet sich an Quereinsteiger, angehende Webdesigner, Marketing-Teams und kleine Agenturteams, die nicht nur verstehen, sondern sicher umsetzen wollen. Statt Tool-Frust und Theorie ohne Anschluss bekommst du einen nachvollziehbaren Lernpfad, Feedback und Ergebnisse, die du im Portfolio, im Job oder im eigenen Business direkt nutzen kannst.

Ira Rano

Passende Formate für unterschiedliche Lernziele

Ob Einstieg, Vertiefung oder Projektarbeit: Wähle das Format, das zu deinem Vorwissen und deinem Zeitrahmen passt.

Grundlagenpfad

Für den strukturierten Einstieg in Webdesign, UX/UI und die wichtigsten Tools.

490 pro Format
Webdesign-Grundlagen verständlich aufbauen
erste Wireframes und Layouts entwickeln
Einführung in Figma und Designlogik
klare Orientierung für die nächsten Schritte
geeignet für Einzelpersonen und kleine Teams
Grundlagen anfragen

Team- und Projektpaket

Für kleine Teams, die Webdesign, Übergaben und gemeinsame Standards sauberer aufsetzen möchten.

1.250 ab
abgestimmte Inhalte für Teamkontexte
Fokus auf Workflow, Klarheit und Zusammenarbeit
WordPress, UX/UI und Designsysteme kombinierbar
geeignet für Agenturen, Marketing-Teams und Inhouse-Teams
individuelle Abstimmung auf Projektziel möglich
Projektpaket anfragen

Warum Ira Rano

Klar strukturiert, praxisnah und auf echte Webprojekte ausgerichtet.

1

1. Orientierung und Zielsetzung

Zu Beginn klärst du, wo du stehst und welches Ergebnis du erreichen willst. So wird aus einem allgemeinen Interesse ein Lernpfad mit klarer Richtung.

2

2. Grundlagen mit System

Du lernst die wichtigsten Begriffe, Werkzeuge und Denkweisen in kleinen Schritten. Die Inhalte bauen aufeinander auf, damit du nicht zwischen Einzelnachrichten und Insellösungen hängen bleibst.

3

3. Projektarbeit mit Feedback

Statt nur Übungen abzuarbeiten, arbeitest du an Aufgaben mit realistischem Bezug. Dozenten geben konkrete Rückmeldungen, damit Layout, Struktur und Umsetzung sauberer werden.

4

4. Transfer in Portfolio und Praxis

Am Ende steht ein Ergebnis, das du verwenden kannst: als Referenz, als Gesprächsgrundlage oder als Ausgangspunkt für weitere Projekte. Genau dort zeigt sich der Wert der Weiterbildung.

5

Webdesign-Grundkurs mit klarer Orientierung

Der Grundkurs baut Unsicherheit ab und zeigt dir, wie gute Websites gedacht und aufgebaut werden. Statt überfordernder Tool-Sammlungen bekommst du eine verständliche Struktur, die dich von den Basics bis zur ersten eigenen Seite führt.

Menschen, die Webdesign verständlich machen

Unsere Trainer:innen verbinden Designpraxis, Didaktik und Erfahrung aus realen Kundenprojekten – damit du nicht nur Folien siehst, sondern echte Entscheidungen verstehst.

Anika Feldmann

Anika Feldmann

Lead Dozentin für UX/UI und Struktur

Anika begleitet Lernende bei Aufbau, Priorisierung und visueller Führung von Webseiten. Sie arbeitet mit klaren Beispielen, präzisem Feedback und einer Sprache, die auch bei komplexeren Themen schnell verständlich bleibt. In ihren Projekten betreut sie Landingpages, Redesigns und interne Designsysteme.

Jonas Krüger

Jonas Krüger

Lead Dozent für Figma und Umsetzungsworkflow

Jonas vermittelt Figma als Werkzeug für sauberes, teamfähiges Arbeiten. Er zeigt, wie Dateien strukturiert werden, wie Komponenten sinnvoll aufgebaut sind und wie Designentscheidungen in die Praxis übersetzt werden. Sein Fokus liegt auf nachvollziehbaren Workflows und direkt nutzbaren Ergebnissen.

Sophie Neumann

Sophie Neumann

Lead Dozentin für WordPress und responsive Umsetzung

Sophie arbeitet an der Schnittstelle zwischen Gestaltung und technischer Umsetzung. Sie hilft Teilnehmenden, Inhalte sauber in WordPress zu überführen und responsive Anforderungen realistisch einzuschätzen. Ihr Unterricht ist klar, geduldig und stark auf Anwendungsfälle ausgerichtet.

Tobias Engel

Tobias Engel

Mentor für Landingpages und Conversion-Struktur

Tobias unterstützt bei Seitenaufbau, Zielgruppenlogik und überzeugenden Einstiegen. Er kommt aus der Praxis mit Kampagnen- und Seitenprojekten und hilft dabei, Inhalte auf Wirkung und Verständlichkeit zu prüfen. Im Mentoring arbeitet er mit konkreten Korrekturen statt abstrakten Hinweisen.

Lea Hartmann

Lea Hartmann

Mentorin für visuelle Systeme und Komponenten

Lea begleitet Lernende beim Aufbau konsistenter UI-Elemente und wiederverwendbarer Designbausteine. Sie arbeitet mit klaren Beispielen aus Produktseiten und Webauftritten und zeigt, wie man Ordnung in komplexe Dateien bringt. Ihre Rückmeldungen sind präzise und gut priorisiert.

Marius König

Marius König

Mentor für HTML/CSS-Verständnis

Marius erklärt technische Grundlagen so, dass Designentscheidungen besser eingeschätzt werden können. Er unterstützt bei Fragen zu Struktur, Layout und den Grenzen von Umsetzung in CMS und Frontend. Sein Stil ist ruhig, logisch und stark auf Verständnis ausgerichtet.

Nina Albrecht

Nina Albrecht

Mentorin für Portfolio und Selbstpräsentation

Nina hilft dabei, Projekte klar zu erzählen und die eigene Rolle sichtbar zu machen. Sie kennt die Anforderungen von Bewerbungen und Kundengesprächen und achtet darauf, dass Inhalte glaubwürdig und strukturiert wirken. Ihr Fokus liegt auf Substanz statt Showeffekt.

Felix Brandt

Felix Brandt

Mentor für Responsive Design und mobile Details

Felix begleitet die mobile Ausarbeitung von Seiten und achtet auf Lesbarkeit, Reihenfolge und Bedienbarkeit. Er arbeitet mit realistischen Breakpoints und zeigt, wie man Layouts für verschiedene Endgeräte stabil hält. Seine Rückmeldungen machen schnell sichtbar, wo eine Seite auf dem Smartphone noch nachschärfen sollte.

Julia Seidel

Julia Seidel

Mentorin für Teamprozesse und Designabstimmung

Julia unterstützt kleine Teams bei Abstimmung, Übergaben und gemeinsamen Designentscheidungen. Sie kennt die typischen Reibungspunkte zwischen Marketing, Design und Umsetzung und hilft, sie pragmatisch zu lösen. Ihre Beratung ist strukturiert, freundlich und klar auf Zusammenarbeit ausgerichtet.

Webdesign-Grundkurs mit klarer Orientierung

Der Grundkurs baut Unsicherheit ab und zeigt dir, wie gute Websites gedacht und aufgebaut werden. Statt überfordernder Tool-Sammlungen bekommst du eine verständliche Struktur, die dich von den Basics bis zur ersten eigenen Seite führt.

Webdesign-Bausteine verständlich einordnen
erste Layouts und Seitenstrukturen entwickeln
typische Fehler bei Aufbau und Navigation vermeiden
direkt anschlussfähig für weitere Vertiefungen
Webdesign-Grundkurs mit klarer Orientierung

UX/UI-Workshop für bessere Entscheidungen im Design

Hier geht es um Nutzerführung, Lesbarkeit und saubere Informationsarchitektur. Du lernst, warum ein Layout funktioniert, wie Inhalte priorisiert werden und wie du Entscheidungen mit Blick auf Ziel und Nutzer triffst.

Wireframes für klare Seitenlogik erstellen
Inhalte sinnvoll priorisieren und gliedern
UI-Elemente gezielt für Verständlichkeit einsetzen
Designentscheidungen nachvollziehbar begründen
UX/UI-Workshop für bessere Entscheidungen im Design

Figma-Training für präzises Arbeiten im Designprozess

Figma wird hier nicht nur erklärt, sondern in einen praktischen Workflow eingebettet. Du lernst, sauber zu arbeiten, Komponenten sinnvoll zu nutzen und Designs so aufzubauen, dass sie im Team oder in der Übergabe funktionieren.

Frames, Komponenten und Styles sicher nutzen
Layouts systematisch aufbauen und anpassen
saubere Übergaben an Entwicklung oder WordPress vorbereiten
Dateien so strukturieren, dass du später schnell weiterarbeiten kannst
Figma-Training für präzises Arbeiten im Designprozess

Responsive Design Bootcamp für verschiedene Bildschirmgrößen

Webseiten müssen auf Laptop, Tablet und Smartphone funktionieren – ohne dass das Design zerfällt. Im Bootcamp lernst du, Breakpoints, Abstände und Typografie so zu steuern, dass Seiten auch mobil überzeugend bleiben.

Breakpoints sinnvoll planen
Navigation und Inhalte für mobile Nutzung anpassen
Abstände, Typografie und Reihenfolgen sauber abstimmen
Fehler in der Darstellung früh erkennen und korrigieren
Responsive Design Bootcamp für verschiedene Bildschirmgrößen

WordPress-Design für Einsteiger mit realem Seitenaufbau

Du lernst, Design in eine lebendige Website zu überführen, ohne dich in Technikdetails zu verlieren. Das Format richtet sich an alle, die WordPress nicht nur bedienen, sondern für eigene oder Kundenprojekte sinnvoll einsetzen wollen.

Seiten mit WordPress strukturiert aufbauen
Designvorgaben in konkrete Seitenelemente übersetzen
Inhalte, Blöcke und Templates gezielt einsetzen
typische Umsetzungsprobleme sicher einordnen
WordPress-Design für Einsteiger mit realem Seitenaufbau

Portfolio-Coaching für überzeugende Projektpräsentation

Gute Arbeit wirkt erst dann, wenn man sie auch klar zeigen kann. Im Coaching lernst du, Projekte sauber zu präsentieren, Entscheidungen zu erklären und dein Portfolio so aufzubauen, dass es professionell wirkt.

Projekte nachvollziehbar dokumentieren
Vorher-Nachher-Entscheidungen erläutern
Portfolio-Seiten klar strukturieren
Arbeitsergebnisse für Bewerbungen oder Kundentermine aufbereiten
Portfolio-Coaching für überzeugende Projektpräsentation

Warum Ira Rano

So wird aus Wissen ein besseres Webprojekt

Porträt von Maren Schulte, Marketing-Managerin

Ich hatte vorher viele einzelne Tutorials gesehen, aber hier wurde mir endlich klar, wie ich aus einer Idee ein sauberes Layout mache. Besonders hilfreich war das Feedback zu Struktur und Prioritäten.

Porträt von Dennis Voss, Teamlead Digital Marketing

Für unser kleines Team war wichtig, dass wir dieselbe Sprache für Design und Umsetzung sprechen. Genau das hat diese Weiterbildung geliefert – verständlich, konkret und ohne Umwege.

Porträt von Katrin Weber, selbstständige Webdesignerin

Ich wollte nicht nur schöne Screens bauen, sondern wissen, wie ich sie in WordPress sauber weiterdenke. Das Training hat mir dafür eine sehr brauchbare Struktur gegeben.

Porträt von Sascha Hartwig, Quereinsteiger ins Webdesign

Die Aufgaben waren nah an echten Projekten. Dadurch konnte ich direkt sehen, wo mein Aufbau noch unklar war und wie ich ihn besser präsentieren kann.

Porträt von Bianca Lorenz, Projektmanagerin in einer Agentur

Mir hat gefallen, dass nicht jedes Thema unnötig aufgeblasen wurde. Stattdessen gab es klare Schritte, gute Beispiele und Rückmeldungen, die man sofort umsetzen konnte.

Porträt von Timo Nehls, Junior Webdesigner

Besonders das Figma-Training war für mich ein Wendepunkt. Ich arbeite jetzt strukturierter und kann Designentscheidungen im Team viel besser erklären.

Porträt von Elena Brand, Freelancerin für Content und Web

Ich brauchte eine Weiterbildung, die nicht nur Inspiration liefert, sondern ein echtes Ergebnis. Das Portfolio-Coaching hat mir geholfen, meine Arbeiten klarer zu zeigen.

Porträt von Oliver Stein, Digital Coordinator

Für unser internes Marketing war vor allem die Kombination aus UX, Responsive Design und Umsetzung wichtig. Genau diese Verbindung wurde hier sauber vermittelt.

Kurse

Wähle kompakte Lernformate für Design, UX, No-Code und Webflow – verständlich erklärt, direkt anwendbar und auf den Arbeitsalltag zugeschnitten.

Webdesign-Grundkurs

Der Einstieg für alle, die Webdesign erstmals systematisch verstehen wollen. Du lernst die Bausteine einer Website, die Rolle von Layout, Inhalt und Nutzerführung und bekommst eine klare Basis für weitere Spezialisierungen.

Mehr lesen

UX/UI-Workshop

Dieser Workshop macht sichtbar, warum manche Seiten leicht verständlich sind und andere nicht. Du arbeitest an Struktur, Informationshierarchie und visueller Führung, damit Design nicht nur gut aussieht, sondern Orientierung gibt.

Mehr lesen

Figma-Training

Hier lernst du Figma als praktisches Werkzeug für präzise Designarbeit kennen. Das Training ist auf sauberes Arbeiten, Wiederverwendbarkeit und die Zusammenarbeit mit anderen Beteiligten ausgelegt.

Mehr lesen

Responsive Design Bootcamp

Im Bootcamp übst du, wie Layouts auf unterschiedlichen Geräten stabil bleiben. Du lernst, Inhalte, Abstände und Navigation so zu denken, dass die Seite auf Smartphone, Tablet und Desktop gleich überzeugend wirkt.

Mehr lesen

WordPress-Design für Einsteiger

Dieses Format übersetzt Gestaltungswissen in die tägliche Umsetzung mit WordPress. Du lernst, wie du Seiten logisch aufbaust und Inhalte so strukturierst, dass sie pflegbar und erweiterbar bleiben.

Mehr lesen

Portfolio-Coaching

Hier geht es nicht um hübsche Ablage, sondern um überzeugende Präsentation. Du ordnest Projekte, formulierst deinen Beitrag klar und zeigst, wie aus einer Aufgabe ein nachvollziehbares Ergebnis wird.

Mehr lesen
Über uns

Wofür wir stehen

Unser Ziel ist es, Webdesign planbar zu machen. Viele Interessierte scheitern nicht an Talent, sondern an unklaren Abläufen, zu vielen Tools und fehlender Einordnung. Genau hier setzt die Weiterbildung an: Sie verbindet Gestaltung, Struktur und Umsetzung zu einem Lernweg, der im beruflichen Alltag wirklich ankommt.

Wir arbeiten in kleinen, nachvollziehbaren Schritten. Erst verstehen, dann anwenden, dann verbessern – so entsteht Sicherheit. Jede Einheit baut auf einem konkreten Ergebnis auf, damit du nicht nur Wissen sammelst, sondern handlungsfähig wirst.

8

Lernpfade von Grundlagen bis Praxisprojekt

92%

der Teilnehmenden arbeiten mit echten Projektaufgaben

3–6 Wochen

typische Laufzeit pro Intensivformat

1:1 Feedback

regelmäßige Korrekturen durch erfahrene Dozenten

Antworten auf die wichtigsten Fragen

Hier findest du kompakte Antworten zu Ablauf, Teilnahme, Vorkenntnissen und der passenden Weiterbildung für dein Ziel.

01

Für wen eignet sich die Weiterbildung im Webdesign am meisten?

Die Weiterbildung passt besonders gut für Quereinsteiger, angehende Webdesigner, Marketing-Teams, Selbstständige und kleine Agenturteams. Sie ist sinnvoll, wenn du Webdesign nicht nur verstehen, sondern praktisch anwenden willst. Auch wenn du zwischen Selbststudium und zu theoretischen Kursen festhängst, hilft ein klarer Lernpfad weiter.

02

Brauche ich Vorkenntnisse in Design oder Programmierung?

Nein, du kannst ohne tiefes Vorwissen einsteigen. Viele Formate beginnen bei den Grundlagen und bauen Schritt für Schritt aufeinander auf. Wenn du schon erste Erfahrung hast, kannst du gezielt in den passenden Vertiefungen weitermachen.

03

Wie viel Zeit sollte ich für die Weiterbildung einplanen?

Das hängt vom gewählten Format ab. Für Intensivformate solltest du während der Kurszeit konzentriert mitarbeiten und zusätzlich etwas Zeit für Wiederholung oder Nachbereitung einplanen. Bei Projektmodulen ist es hilfreich, zwischen den Terminen an den Aufgaben weiterzuarbeiten, damit das Feedback direkt in die nächste Version einfließen kann.

04

Arbeite ich wirklich mit Figma und WordPress?

Ja, beide Werkzeuge sind fester Bestandteil der praxisnahen Formate. Figma wird für Struktur, Layout und sauberes Design genutzt, WordPress für die Umsetzung und das Verständnis der technischen Seite. So bleibt das Lernen nicht abstrakt, sondern an konkreten Arbeitsschritten orientiert.

05

Gibt es Feedback auf meine Projekte?

Ja, die Weiterbildung ist auf Rückmeldung und Korrekturen ausgelegt. Du bekommst Hinweise zu Struktur, Verständlichkeit, visueller Hierarchie und technischer Umsetzbarkeit. Ziel ist nicht nur ein fertiges Ergebnis, sondern ein besser nachvollziehbarer Weg dorthin.

06

Wie hilft mir das beim Portfolio?

Du arbeitest an Ergebnissen, die du dokumentieren und präsentieren kannst. Dazu gehören nachvollziehbare Entscheidungen, saubere Screens und eine klare Beschreibung deiner Rolle. Das macht dein Portfolio glaubwürdiger, weil nicht nur Bilder gezeigt werden, sondern auch der Denkprozess dahinter.

07

Worin unterscheidet sich die Weiterbildung von einem Selbstlern-Kurs?

Im Selbstlernen fehlt oft die Struktur, die Rückmeldung und die Einordnung. Hier bekommst du einen klaren Ablauf, nachvollziehbare Lernschritte und Feedback durch erfahrene Dozenten. Das hilft besonders, wenn du nicht nur konsumieren, sondern wirklich umsetzen willst.

08

Wie läuft die Weiterbildung organisatorisch ab?

Je nach Format findet sie als Workshop, Intensivtraining oder projektorientierter Lernpfad statt. Du erhältst vorab die wichtigsten Informationen zu Ablauf, Material und Ziel des Moduls. Wenn du eine Beratung anfragst, klären wir gemeinsam, welches Format zu deinem Vorwissen und deinem Zeitbudget passt.

09

Ist die Weiterbildung eher für Einzelpersonen oder auch für Teams geeignet?

Beides ist möglich. Einzelpersonen nutzen die Formate oft für den Einstieg, die berufliche Weiterentwicklung oder den Portfolio-Aufbau. Kleine Teams profitieren besonders, wenn sie eine gemeinsame Sprache für Webdesign, UX und Umsetzung brauchen.

10

Wie schnell bekomme ich eine Rückmeldung nach meiner Anfrage?

Nach deiner Anfrage melden wir uns in der Regel zeitnah zurück, meist innerhalb eines Werktags. Dabei geht es zuerst um dein Ziel, dein Vorwissen und die passende Empfehlung für den nächsten Schritt. Wenn du möchtest, bekommst du direkt eine kompakte Einschätzung zum passenden Format.

11

Kann ich auch mit Marketing-Fokus teilnehmen, ohne selbst Designer zu sein?

Ja, gerade für Marketing-Teams ist ein solides Verständnis von Webdesign sehr hilfreich. Du lernst, Seiten besser zu strukturieren, Anforderungen klarer zu formulieren und Designentscheidungen mitzugestalten. Das erleichtert die Zusammenarbeit mit Design, Entwicklung oder externen Dienstleistern.

12

Welche Unterlagen sind für die Beratung hilfreich?

Wenn du schon eine Website, ein Briefing, ein bestehendes Portfolio oder konkrete Ziele hast, ist das sehr hilfreich. Auch eine kurze Beschreibung deiner Rolle und deines Zeitrahmens reicht aus, um das passende Format einzugrenzen. So wird die Beratung schnell konkret und für dich nutzbar.

Logo eines Hamburger Start-ups
Logo einer B2B-SaaS-Marke
Logo eines E-Commerce-Teams
Logo einer Kreativagentur
Logo eines Mittelstandsunternehmens
Logo einer Non-Profit-Organisation
Logo eines Bildungsanbieters
Logo eines digitalen Beratungsprojekts

Portfolio: echte Webdesign-Arbeit mit klarer Linie

Ausgewählte Projekte zeigen, wie aus Struktur, Tool-Sicherheit und Feedback belastbare Ergebnisse entstehen.

  • Alle Projekte
  • UX/UI
  • Figma
  • WordPress
  • Landingpages

Relaunch einer Beratungsseite

Neustrukturierung einer B2B-Seite mit Fokus auf Orientierung, Trust-Elemente und nachvollziehbarer Nutzerführung.

Designsystem für ein Start-up

Aufbau wiederverwendbarer Komponenten, um spätere Seiten schneller und konsistenter entwickeln zu können.

WordPress-Startseite für ein Team

Umsetzung einer flexiblen Startseite mit sauberer Seitenstruktur und einfacher Pflege für das Marketing-Team.

Conversion-Landingpage für eine Kampagne

Kompakte Kampagnenseite mit klarer Botschaft, gut lesbarer Gliederung und auf Conversion ausgerichteten Abschnitten.

Mobile Optimierung eines Portfolios

Überarbeitung der mobilen Darstellung, damit Inhalte auf kleinen Bildschirmen ruhiger, lesbarer und gezielter wirken.

Figma-Redesign für eine Produktseite

Präzise Ausarbeitung eines Produktlayouts mit klaren Varianten für Desktop und Tablet.

WordPress-Workshop für Einsteigerteams

Praxisorientierte Schulung für kleine Teams, die Inhalte eigenständig strukturieren und bearbeiten möchten.

Landingpage mit Fokus auf Anfragequalität

Seite mit klarer Nutzerführung, verständlicher Botschaft und Fragen, die qualifiziertere Anfragen unterstützen.

Kontakt

Schick uns gern eine kurze Nachricht mit deinem Ziel,

Schreib uns

Schick uns gern eine kurze Nachricht mit deinem Ziel,

Kontakt

Schick uns gern eine kurze Nachricht mit deinem Ziel,

Adresse

Drubingasse 7, 18003 Hamburg, Germany

Telefon

+49245735568

Antworten werktags in der Regel innerhalb von 24 Stunden.

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