FORMBURG | Mit Webdesigner Jonas Arleth – Details, episodes & analysis

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.com
• LinkedIn: 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