
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

24 Minuten
vor 6 Tagen

11 Minuten
vor 6 Tagen

1 Stunde 32 Minuten
vor 2 Monaten

6 Minuten
vor 2 Monaten

11 Minuten
vor 3 Monaten
In Podcasts werben
Kommentare (0)