Wie wir ein 15.000$ Webflow Projekt gewonnen haben (kompletter Deep Dive) скачать в хорошем качестве

Wie wir ein 15.000$ Webflow Projekt gewonnen haben (kompletter Deep Dive)

In dieser Folge des FORMBURG Podcast nehmen wir dich mit hinter die Kulissen unseres preisgekrönten Webflow-Challenge-Projekts. Gemeinsam mit Oliver Gareis besprechen wir, wie wir mit dem Michael-Bay-Studio-Konzept den 2. Platz geholt haben (15.000$). Wir zeigen Designentscheidungen, unser Vorgehen mit 24-Spalten-Grids in Figma, technische Umsetzungen mit Custom Code und Scroll-Videos sowie Lessons Learned zu Deadline-Druck, Performance und Workflow. Ein tiefer Einblick für Webdesigner und Webflow-Fans. Zur Seite: https://michael-bay.webflow.io Oliver Gareis online: https://www.typomonday.com → Mit dem Code "FORMBURG" erhältst du 15 % Rabatt auf seinen Onlinekurs! --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurse: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen: https://formburg.com/courses 👉 50+ Webflow-Tricks: https://www.formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/w... --------------------------------------------- Kostenlosen Webflow Account anlegen: https://formburg.com/webflow-kostenlos * Webflow schnell und einfach lernen: https://formburg.com/tutorials --------------------------------------------- 00:00 Einführung in den Webflow Talk 00:52 Vorstellung von Oliver Gareis und seinem Design-Hintergrund 03:54 Die Webflow Challenge und die Preisvergabe 04:54 Analyse der Konkurrenzprojekte 08:31 Unser Projekt (2. Platz) 10:14 Das Projekt: Michael Bay Studio Website 11:00 Bewertung der Designs und technische Aspekte 15:31 Entwickler-Auge und Design-Integration 15:58 Figma und Webflow: Technische Umsetzung 17:51 Grid-Systeme im Design 20:01 24 Spalten Grid in Webflow 23:00 Animationen und Übergänge im Web 26:34 KI-gestützte Code-Generierung 28:46 Interaktive Elemente und Nutzererfahrung 34:33 Seitenübergang Design und Animation Herausforderungen 36:09 CMS-Integration und Video-Management 39:17 CMS Aufbau mit Videosd 40:21 Editorial Design Umsetzung 43:33 Preloader Umsetzung mit Session Storage und GSAP Event Animation in JS Code 43:59 Deadline-Druck und Projektmanagement 48:12 iOS Video Playback Limitierungen 49:02 Erfahrungen und Ausblick nach dem Wettbewerb 54:08 Entwicklung der Version 2 57:04 Design-Optimierungen und Benutzererfahrung 58:18 Wie bekommt man solche meisterhaften Typografie und Schriftkombinationen 01:07:24 Abschluss und Ausblick auf zukünftige Projekte #webflow #GSAP #webdesign --------------------------------------------- // PATREON ► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://jonasarleth.com/patreon ---------------------------------------------- // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog ---------------------------------------------- // MEIN FORMBURG PODCAST ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ---------------------------------------------- Affiliate Links