Website Portfolio Projekt in Webflow bauen – Schritt für Schritt Tutorial

Level: Einfach
Beginner Tutorial
Vorschaubild zum Beitrag: Website Portfolio Projekt in Webflow bauen
ressourcen
Live Vorschau
* AFFILIATE LINK
Details
Level
Einfach
Datum
August 19, 2026
Autor
Lächelnder Mann mit kurzem braunem Haar und Bart vor orangem Hintergrund.
Jonas Arleth
Blog Post

Wir setzen zusammen eine umfangreiche Case Study in Webflow um. Ich gehe für dich Schritt für Schritt jeden Bereich des Layouts durch. Auch wenn ich einige Elemente von anderen Unterseiten meiner Website übernehmen kann, bekommst du die Gedanken und den Prozess dahinter ganz gut mit. Zudem kannst du den Aufbau gerne als Inspiration für dein Portfolio verwenden.

Es gibt auch noch einen zweiten Teil, in dem wir das ganze Design responsive machen: Hier gehts zum Tutorial, wie wir die Seite responsive machen →


Mehr Content

Blog Archiv

360° Produkt-Hero in Webflow ohne 3D

Baue einen 360° rotierenden Produkt-Hero in Webflow mit KI-generiertem Video, Blend Modes und Container Queries. Kostenloses Cloneable inklusive.
Video
​
Skill
Einfach
Kategorie
Animation

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: Fathom Analytics: Events über Custom Attributes in Webflow einbinden

Fathom Analytics: Events über Custom Attributes in Webflow einbinden

Effizientes Event-Tracking in Webflow: Erfahre, wie du mit Fathom Analytics und Custom Attributes ohne Cookies Events trackst und deinen Code sauber hältst.
Video
​
Skill
Einfach
Kategorie
Beginner Tutorial

Anschauen
Beitrag anschauen

Webflow Umsetzung: Luxus Interior Website (realer Auftrag)

Schritt für Schritt Prozess, wie ich das Layout einer Website Unterseite von einem realen Kundenauftrag in Webflow umsetze.
Video
​
Kategorie
Beginner Tutorial

Anschauen
Beitrag anschauen

Responsive Design Prozess in Webflow – Schritt für Schritt

Lerne Schritt für Schritt meinen responsive Design Prozess in Webflow kennen. Wir gehen zusammen eine komplette Unterseite durch damit das Layout auch auf Tablets und mobilen Endgeräten gut aussieht.
Video
​
Skill
Einfach
Kategorie
Beginner Tutorial

Anschauen
Beitrag anschauen

Tabs mit Videoinhalten in Webflow bauen

Wir bauen in Webflow eine Tab Komponenten, bei der Beschreibungstexte unter dem Navigationspunkt eingeblendet bzw. ausgeblendet werden, je nachdem welcher Tab gerade aktiv ist.
Video
​
Skill
Einfach
Kategorie
Beginner Tutorial

Anschauen
Beitrag anschauen

Textinhalte und Container in Webflow anlegen (Grundlagen)

Ein Grundlagen Tutorial in dem wir ein paar Text-Sektionen und Container anlegen. Ich erkläre dir die Funktion von Containern in einem Website Projekt und wie du sie passend zu deinem Auftrag anlegst.
Video
​
Skill
Einfach
Kategorie
Beginner Tutorial

Anschauen
Beitrag anschauen