FORMBURG | Mit Webdesigner Jonas Arleth

Jonas Arleth
  • 0.0 (0)
  • DESIGN
  • UPDATED BIWEEKLY

Im FORMBURG Podcast teilt Jonas Arleth seine Erfahrungen als selbstständiger Webdesigner und Webflow-Experte. Es geht um Webflow-Themen, Design-Workflows, Kundenprojekte und den Aufbau eines nachhaltigen Webdesign-Businesses. Er richtet sich an Freelancer, Selbstständige, Agenturen und Kreative. Praxisnah, ehrlich und direkt aus echten Projekten.

  1. 2D AGO

    Warum MAST Client-First in Webflow überholt – Framework Deep Dive

    MAST ist nicht einfach „noch ein Webflow-Framework“ – es ist ein komplett anderer Ansatz, wie du Layouts, Komponenten und Utility-Klassen in Webflow strukturierst. In dieser Folge gehen wir tief rein: Was unterscheidet MAST von Client-First? Warum setzt Matthias MAST inzwischen überall in Kundenprojekten ein und wann lässt er Komponenten bewusst weg? Du bekommst ein klares Bild davon, wie MAST gedacht ist: Less is more, 12-Column-Grid, komponentenbasierte Workflows, aber trotzdem genug Freiheit für Custom Sections. Wir sprechen außerdem darüber, wie Must mit Webflow Components, Slots, Build Mode, Variables/Fluid Design, Phosphor Icons und sogar fertigen Lösungen wie Swiper Slider umgeht – inklusive Praxisblick: Was ist wirklich hilfreich, wo wird’s für Anfänger zu komplex, und wie onboardet man Kunden sinnvoll, ohne dass sie die Seite „kaputtklicken“? MAST Framework: Kostenloses Starter-Cloneable: https://try.webflow.com/MAST * Podcastfolge online schauen: https://youtu.be/xsBUG6yG_8A?si=mBEmBLjAZerGxCbw Matthias Cordes online: Website: https://www.matthiascordes.comLinkedIn: https://www.linkedin.com/in/matthiascordes *Affiliate Links Meine Onlinekurse: 👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/courses Chapter 00:00 Einführung in das MAST Framework 02:50 Komponentenfokus im Must Framework 05:24 Effizienz und Namensgebung im Must Framework 08:47 Anpassungen und individuelle Styles 10:48 80-20-Philosophie und Anpassungen 13:06 Beispiel: Umsetzung kundenspezifischer Designs 16:05 Nutzung von Komponenten in Projekten 18:57 Kundenanpassungen und Training 21:33 Komponenten und ihre Herausforderungen 27:15 Kreative Layouts vs. Komponenten 29:55 Effizienz durch Komponenten 31:38 Grid und Columns Aufbau in MAST 37:30 Variablen und Icons in Layouts 40:32 Integration von Icons und Komponenten 42:08 Neue Komponenten wie Slider und deren Nutzung 44:23 Herausforderungen bei der Verwendung von Komponenten 45:49 Zugänglichkeit und SEO-Optimierung 46:32 Praktische Anwendung und Screensharing 46:57 Typografie und Fluid Design 49:09 Responsive Design und Spacing 51:28 Optimierung von Layouts und Variablen 56:45 Effiziente Container-Nutzung 57:48 Flexibles Layout mit Rows und Columns 58:41 Gestaltung von Cards und Inhalten 01:01:03 Responsive Design und Breakpoints 01:02:18 Abstände und Margins in der Gestaltung 01:04:39 Animationen und Interaktionen mit GSAP 01:06:58 Komponentenbasierte Ansätze in der Webentwicklung 01:10:00 Vorlagen und Templates für Kunden 01:13:11 Empfehlungen für Kunden im Designprozess

    1h 16m
  2. 236: Ich hatte 2025 nur einen Webdesign Kunden und das war kein Zufall

    11/10/2025

    236: Ich hatte 2025 nur einen Webdesign Kunden und das war kein Zufall

    Die ersten 50 Teilnehmer zahlen nur 99€ → https://formburg.com/gsap-masterclass In dieser Masterclass lernst du, wie du professionelle Website-Animationen mit der neuen GSAP Timeline in Webflow umsetzt. Vom ersten Scroll-Trigger bis zur flüssigen Page Transition: Schritt für Schritt zeige ich dir, wie du echte Motion-Design-Erlebnisse direkt im Webflow Interface baust. -------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen --------------------------------------------- *Affiliate Links

    7 min
  3. 235: Code Components, Full-Stack Web Apps und AI – Webflow Talk mit Christian Schmitt

    10/03/2025

    235: Code Components, Full-Stack Web Apps und AI – Webflow Talk mit Christian Schmitt

    In diesem Webflow Talk spreche ich mit Christian Schmitt über die neuen Code Components, Webflow Cloud & Full‑Stack Web Apps. Wir tauchen ein in technische Details, Vorteile gegenüber klassischem API‑Einsatz, Performance, KI‑Generierung und zukünftige Trends in Webflow. 👉 Meine Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/courses Christian Schmitt online LinkedIn: https://www.linkedin.com/in/christian-schmitt-bremen/ X: https://twitter.com/chris_bytes_x Instagram: https://www.instagram.com/chris_bytes/ YouTube: https://www.youtube.com/@chris_bytes

    1h 5m
  4. 234: Webflow Conf 2025 Reaction: Nur Hype oder wirklich nützlich?

    10/01/2025

    234: Webflow Conf 2025 Reaction: Nur Hype oder wirklich nützlich?

    Die Webflow Conf 2025 hat wieder jede Menge neue Features angekündigt. Von AI-Code-Generation über Code-Komponenten bis hin zu einem ganz neuen CMS. Aber mal ehrlich: Sind das echte Gamechanger oder nur Marketing-Hype? Als Webflow Power-User schaue ich mir die Conf-Updates genau an und teste, ob es dafür wirklich nützliche Use Cases gibt. In diesem Video bekommst du: ✅ Meine ehrliche Reaction zur Webflow Conf 2025 ✅ Konkrete Beispiele für neue Features (AI, Apps, Komponenten, CMS APIs) ✅ Einschätzung: Was wirklich nützlich ist und was eher Show bleibt ✅ Tipps, wie du die Neuerungen sofort für eigene Projekte nutzen kannst --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen --------------------------------------------- — // PATREON ► Unterstütze meinen Podcast auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): https://bit.ly/2pN9fua // WEBFLOW LERNEN ► Meine Lernplattform – Webflow schnell und einfach lernen: https://webflow-lernen.de/tutorials // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog // PODCAST BEWERTEN ► Bewerte gerne meinen Podcast auf iTunes: www.jonasarleth.com/itunes // SOCIAL MEDIA ► Instagram: https://instagram.com/jonasarleth ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn: https://www.linkedin.com/in/jonasarleth // WEB & DESIGN PODCAST ABONNIEREN ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher — *Affiliate Links

    24 min
  5. 233: Shopify-Themes mit Webflow: So bauen Webdesigner ein profitables Business | mit Marvin Blach

    07/31/2025

    233: Shopify-Themes mit Webflow: So bauen Webdesigner ein profitables Business | mit Marvin Blach

    In dieser Formburg Podcastfolge diskutieren Jonas Arleth und Marvin Blach von der Agentur Halbschrank über die Verbindung von Webflow und Shopify, die Entwicklung des Tools Liquify und die Herausforderungen im E-Commerce-Bereich. Sie beleuchten die Vorzüge von Custom Themes, die Kundenanfragen und die technische Umsetzung. Zudem wird das Preismodell von Liquify sowie die Zielgruppen und die Community besprochen. Abschließend wird ein Vergleich zwischen Webflow und Shopify gezogen und die Zukunft der beiden Plattformen thematisiert. Sie beleuchten die Stärken und Schwächen beider Plattformen, insbesondere in Bezug auf Kundenmanagement, Rechtemanagement und die Benutzerfreundlichkeit. Zudem wird die neue Lösung Liquify vorgestellt, die als deutsches Produkt im Webdesign-Bereich auftritt. Die beiden Experten betonen die Wichtigkeit des Community-Feedbacks und die Notwendigkeit, die Tools kontinuierlich zu verbessern. Links • Website Halbstark: https://www.halbstark.de/ • Liquify: https://www.liquify.pro --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen --------------------------------------------- — // PATREON ► Unterstütze meinen Podcast auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): https://bit.ly/2pN9fua // WEBFLOW LERNEN ► Meine Lernplattform – Webflow schnell und einfach lernen: https://webflow-lernen.de/tutorials // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog // PODCAST BEWERTEN ► Bewerte gerne meinen Podcast auf iTunes: www.jonasarleth.com/itunes // SOCIAL MEDIA ► Instagram: https://instagram.com/jonasarleth ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn: https://www.linkedin.com/in/jonasarleth // WEB & DESIGN PODCAST ABONNIEREN ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher — *Affiliate Links

    1h 4m
  6. 232: Webflow Website Export & SEO: Die größten Probleme und Lösungen!

    06/20/2025

    232: Webflow Website Export & SEO: Die größten Probleme und Lösungen!

    In dieser Episode des Formburg Podcasts sprechen wir darüber, was passiert, wenn man Webflow-Projekte exportiert und extern hosten will – speziell im Hinblick auf SEO. Was wird übernommen, was nicht? Was muss man manuell nachrüsten wie Sitemap, Robots.txt oder Weiterleitungen? Wertvolle Einblicke für alle, die mit dem Gedanken spielen, Webflow-Code außerhalb von Webflow zu betreiben. --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen --------------------------------------------- — // PATREON ► Unterstütze meinen Podcast auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): https://bit.ly/2pN9fua // WEBFLOW LERNEN ► Meine Lernplattform – Webflow schnell und einfach lernen: https://webflow-lernen.de/tutorials // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog // PODCAST BEWERTEN ► Bewerte gerne meinen Podcast auf iTunes: www.jonasarleth.com/itunes // SOCIAL MEDIA ► Instagram: https://instagram.com/jonasarleth ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn: https://www.linkedin.com/in/jonasarleth // WEB & DESIGN PODCAST ABONNIEREN ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher — *Affiliate Links

    8 min
  7. 231: RIVE Deep Dive: Grafiken für Webflow-Sites turbo-schnell animieren

    05/02/2025

    231: RIVE Deep Dive: Grafiken für Webflow-Sites turbo-schnell animieren

    In diesem Deep Dive zeigt Lorenz Grabosch, warum Rive-Animationen für Web- und App-Projekte oft das „Next-Level“-Upgrade zu Lottie sind. Du erfährst: • seinen Weg von After Effects zu Rive • die größten Performance- und Workflow-Vorteile • wie du SVGs aus Figma in Rive importierst, animierst und nahtlos in Webflow einbindest – inkl. Loop-Kontrolle, State Machines & GSAP-Triggern. Perfekt für alle, die interaktive Animationen schneller bauen und leichter warten wollen. Laurenz Grabosch online • LinkedIn: https://www.linkedin.com/in/laurenzgrabosch • Website: https://www.graboschmedia.de --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen --------------------------------------------- — // PATREON ► Unterstütze meinen Podcast auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): https://bit.ly/2pN9fua // WEBFLOW LERNEN ► Meine Lernplattform – Webflow schnell und einfach lernen: https://webflow-lernen.de/tutorials // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog // PODCAST BEWERTEN ► Bewerte gerne meinen Podcast auf iTunes: www.jonasarleth.com/itunes // SOCIAL MEDIA ► Instagram: https://instagram.com/jonasarleth ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn: https://www.linkedin.com/in/jonasarleth // WEB & DESIGN PODCAST ABONNIEREN ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher — *Affiliate Links

    1h 5m
  8. 230: Preis vs. Aufwand: Diesen Fehler machen 90 % aller Webdesigner

    04/25/2025

    230: Preis vs. Aufwand: Diesen Fehler machen 90 % aller Webdesigner

    Viele Webdesigner tappen in die gleiche Falle: Sie orientieren ihren Preis am eigenen Aufwand – und nicht am tatsächlichen Wert, den sie für den Kunden schaffen. In diesem Video zeige ich dir anhand eines einfachen Beispiels, warum der Preis zuerst kommt – und der Aufwand sich danach richtet. 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/webdesign-angebot-erstellen --------------------------------------------- — // PATREON ► Unterstütze meinen Podcast auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): https://bit.ly/2pN9fua // WEBFLOW LERNEN ► Meine Lernplattform – Webflow schnell und einfach lernen: https://webflow-lernen.de/tutorials // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog // PODCAST BEWERTEN ► Bewerte gerne meinen Podcast auf iTunes: www.jonasarleth.com/itunes // SOCIAL MEDIA ► Instagram: https://instagram.com/jonasarleth ► Dribbble: https://dribbble.com/jonasarleth ► LinkedIn: https://www.linkedin.com/in/jonasarleth // WEB & DESIGN PODCAST ABONNIEREN ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► Pocket Casts: https://jonasarleth.com/pocketcasts ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ► Stitcher: https://jonasarleth.com/stitcher — *Affiliate Links

    3 min
See All (237)

About

Im FORMBURG Podcast teilt Jonas Arleth seine Erfahrungen als selbstständiger Webdesigner und Webflow-Experte. Es geht um Webflow-Themen, Design-Workflows, Kundenprojekte und den Aufbau eines nachhaltigen Webdesign-Businesses. Er richtet sich an Freelancer, Selbstständige, Agenturen und Kreative. Praxisnah, ehrlich und direkt aus echten Projekten.

Information

You Might Also Like