![126: Layout Aufbereitung und Übergabe an Entwickler (Detailliert)](https://cdn.podcastcms.de/images/shows/315/2648003/s/624083755/126-layout-aufbereitung-und-uebergabe-an-entwickler-detailliert.png)
126: Layout Aufbereitung und Übergabe an Entwickler (Detailliert)
Wenn du als Webdesigner arbeitest, kannst du ein …
43 Minuten
Podcast
Podcaster
Beschreibung
vor 3 Jahren
Wenn du als Webdesigner arbeitest, kannst du ein neues Website
Design für einen Kunden selbst umsetzen oder aber auch an einen
Programmier-Partner oder externen Entwickler übergeben. Bei
kleineren Projekten übernehme ich auch gerne selbst die Umsetzung
des Layouts zum Beispiel mit einem Tool wie Webflow. Sobald die
Projekte aber größer und umfangreicher werden, arbeite ich meistens
mit Spezialisten zusammen, die auch rein als Entwickler arbeiten.
Bei diesem Projekte hat der Kunde entschieden, das Layout von einer
externen Agentur in Polen umsetzen zu lassen. Für mich war das auch
das erste Mal, eine direkte Zusammenarbeit mit einer Agentur aus
dem Ausland. Deshalb möchte ich dir heute mal ein paar Einblicke in
die Layout Aufbereitung, Tools zur Design Übergabe und
Projektkommunikation geben. Tool zum Synchronisieren der Artboards
mit den Programmierern: - Zeplin https://zeplin.io/ - free account
- Calls über Whereby https://whereby.com - Calls über Zoom:
https://zoom.us Ein detaillierter Einblick, wie ich ein Online Shop
Layout responsive in Desktop, Tablet und Mobile anlege (in Sketch):
https://youtu.be/WkHbrmDrZrE Links zu allen zugehörigen Beiträgen:
- Part 1: Analyse einer neuen Projektanfrage + Vorgehen, Preis und
Antwort
(https://jonasarleth.com/artikel/analyse-einer-neuen-projektanfrage-vorgehen-antwort-und-preis)
- Part 2: Aufnahme eines realen ersten Kundengesprächs
(https://www.patreon.com/posts/30514553) - Part 3: 10-Seitiges
Webdesign Angebot erstellen und durchgehen
(https://www.patreon.com/posts/30679830) - Part 4: Projekt Kick-Off
Call (https://www.patreon.com/posts/31440328) - Part 5: Website
Konzept und Design Richtung abstimmen – Kunden-Präsentation
(https://www.patreon.com/posts/31631247) - Part 6: Layout Prozess,
Datei Aufbau und Design Präsentation vor dem Kunden – Live
Aufnahmen (https://www.patreon.com/posts/33027073) - Part 7:
Folgeaufträge generieren (Layout Programmierung (20k) und
Jahres-Retainer) (https://www.patreon.com/posts/33296606) - Part 8:
Layout Aufbereitung und Übergabe an Entwickler
(https://www.patreon.com/posts/33384153) — Mein Onlinekurs: Lerne
Webdesign und eigene Layouts professionell umzusetzen (ohne
Programmierkenntnisse und komplett visuell!):
https://bit.ly/webflow-onlinekurs — Jetzt ein Web & Design
Podcast Plus Abo holen (mehrere Sonderfolgen pro Monat):
bit.ly/2pN9fua — Bewerte gerne meinen Podcast auf iTunes:
www.jonasarleth.com/itunes Du findest den Podcast auf: iTunes:
www.jonasarleth.com/itunes Stitcher: www.jonasarleth.com/stitcher
Pocket Casts: www.jonasarleth.com/pocketcasts Overcast:
www.jonasarleth.com/overcast Soundcloud:
www.jonasarleth.com/soundcloud Spotify: www.jonasarleth.com/spotify
Instagram: www.instagram.com/jonasarleth Dribbble:
www.dribbble.com/jonasarleth YouTube: www.jonasarleth.com/youtube
Design für einen Kunden selbst umsetzen oder aber auch an einen
Programmier-Partner oder externen Entwickler übergeben. Bei
kleineren Projekten übernehme ich auch gerne selbst die Umsetzung
des Layouts zum Beispiel mit einem Tool wie Webflow. Sobald die
Projekte aber größer und umfangreicher werden, arbeite ich meistens
mit Spezialisten zusammen, die auch rein als Entwickler arbeiten.
Bei diesem Projekte hat der Kunde entschieden, das Layout von einer
externen Agentur in Polen umsetzen zu lassen. Für mich war das auch
das erste Mal, eine direkte Zusammenarbeit mit einer Agentur aus
dem Ausland. Deshalb möchte ich dir heute mal ein paar Einblicke in
die Layout Aufbereitung, Tools zur Design Übergabe und
Projektkommunikation geben. Tool zum Synchronisieren der Artboards
mit den Programmierern: - Zeplin https://zeplin.io/ - free account
- Calls über Whereby https://whereby.com - Calls über Zoom:
https://zoom.us Ein detaillierter Einblick, wie ich ein Online Shop
Layout responsive in Desktop, Tablet und Mobile anlege (in Sketch):
https://youtu.be/WkHbrmDrZrE Links zu allen zugehörigen Beiträgen:
- Part 1: Analyse einer neuen Projektanfrage + Vorgehen, Preis und
Antwort
(https://jonasarleth.com/artikel/analyse-einer-neuen-projektanfrage-vorgehen-antwort-und-preis)
- Part 2: Aufnahme eines realen ersten Kundengesprächs
(https://www.patreon.com/posts/30514553) - Part 3: 10-Seitiges
Webdesign Angebot erstellen und durchgehen
(https://www.patreon.com/posts/30679830) - Part 4: Projekt Kick-Off
Call (https://www.patreon.com/posts/31440328) - Part 5: Website
Konzept und Design Richtung abstimmen – Kunden-Präsentation
(https://www.patreon.com/posts/31631247) - Part 6: Layout Prozess,
Datei Aufbau und Design Präsentation vor dem Kunden – Live
Aufnahmen (https://www.patreon.com/posts/33027073) - Part 7:
Folgeaufträge generieren (Layout Programmierung (20k) und
Jahres-Retainer) (https://www.patreon.com/posts/33296606) - Part 8:
Layout Aufbereitung und Übergabe an Entwickler
(https://www.patreon.com/posts/33384153) — Mein Onlinekurs: Lerne
Webdesign und eigene Layouts professionell umzusetzen (ohne
Programmierkenntnisse und komplett visuell!):
https://bit.ly/webflow-onlinekurs — Jetzt ein Web & Design
Podcast Plus Abo holen (mehrere Sonderfolgen pro Monat):
bit.ly/2pN9fua — Bewerte gerne meinen Podcast auf iTunes:
www.jonasarleth.com/itunes Du findest den Podcast auf: iTunes:
www.jonasarleth.com/itunes Stitcher: www.jonasarleth.com/stitcher
Pocket Casts: www.jonasarleth.com/pocketcasts Overcast:
www.jonasarleth.com/overcast Soundcloud:
www.jonasarleth.com/soundcloud Spotify: www.jonasarleth.com/spotify
Instagram: www.instagram.com/jonasarleth Dribbble:
www.dribbble.com/jonasarleth YouTube: www.jonasarleth.com/youtube
Weitere Episoden
![Die Designsprache ist das Logo](https://cdn.podcastcms.de/images/shows/66/2648003/s/631990358/die-designsprache-ist-das-logo.png)
12 Minuten
vor 4 Wochen
![209: Die größte Transformation meiner Webflow Reise](https://cdn.podcastcms.de/images/shows/66/2648003/s/631539746/209-die-groesste-transformation-meiner-webflow-reise.png)
52 Minuten
vor 1 Monat
![208: Diese 23 Updates hat Webflow im Q1 2024 hinzugefügt](https://cdn.podcastcms.de/images/shows/66/2648003/s/629117683/208-diese-23-updates-hat-webflow-im-q1-2024-hinzugefuegt.png)
20 Minuten
vor 1 Monat
![207: Wie Kunden Überzeugen Mehr Geld Für Webdesign Auszugeben](https://cdn.podcastcms.de/images/shows/66/2648003/s/628751624/207-wie-kunden-uberzeugen-mehr-geld-fur-webdesign-auszugeben.png)
56 Sekunden
vor 1 Monat
![206: Gute Typografie im Webdesign lernen – meine Vorgehensweise](https://cdn.podcastcms.de/images/shows/66/2648003/s/628384283/206-gute-typografie-im-webdesign-lernen-meine-vorgehensweise.png)
7 Minuten
vor 2 Monaten
Kommentare (0)