vortrag webtechcon 2010
TRANSCRIPT
![Page 1: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/1.jpg)
Nils Pooker | pookerart
Redesign eines Webportals
Dienstag, 12. Oktober 2010
![Page 2: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/2.jpg)
Woher kommt denn das Orange?
Dienstag, 12. Oktober 2010
![Page 3: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/3.jpg)
Geb. 1965, Webdesigner in Kiel
www.pookerart.de
Skype: nils.pooker
Twitter: pookerman
„Der erfolgreiche Webdesigner“
(Galileo Press)
Webstandards Magazin, PHPUser, WEAVE,
Webkrauts-Redaktion
Dienstag, 12. Oktober 2010
![Page 4: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/4.jpg)
jaxenter.commobile360.dePHP Center
S&S Verlag
Dienstag, 12. Oktober 2010
![Page 5: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/5.jpg)
„jaxenter.com muss state of the art
werden“
Dienstag, 12. Oktober 2010
![Page 6: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/6.jpg)
Dienstag, 12. Oktober 2010
![Page 7: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/7.jpg)
Dienstag, 12. Oktober 2010
![Page 8: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/8.jpg)
• Briefing: ca. 30 Seiten
Dienstag, 12. Oktober 2010
![Page 9: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/9.jpg)
• Briefing: ca. 30 Seiten
• Design + Templates: 8 Seitentypen
Dienstag, 12. Oktober 2010
![Page 10: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/10.jpg)
• Briefing: ca. 30 Seiten
• Design + Templates: 8 Seitentypen
• Anwendbarkeit auf andere Portale
Dienstag, 12. Oktober 2010
![Page 11: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/11.jpg)
• Briefing: ca. 30 Seiten
• Design + Templates: 8 Seitentypen
• Anwendbarkeit auf andere Portale
• CSS-Framework YAML
Dienstag, 12. Oktober 2010
![Page 12: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/12.jpg)
• Briefing: ca. 30 Seiten
• Design + Templates: 8 Seitentypen
• Anwendbarkeit auf andere Portale
• CSS-Framework YAML
• Komplexe Kundenstruktur
Dienstag, 12. Oktober 2010
![Page 13: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/13.jpg)
• Briefing: ca. 30 Seiten
• Design + Templates: 8 Seitentypen
• Anwendbarkeit auf andere Portale
• CSS-Framework YAML
• Komplexe Kundenstruktur
• Enge Zeitvorgabe (2 Monate)
Dienstag, 12. Oktober 2010
![Page 14: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/14.jpg)
Dienstag, 12. Oktober 2010
![Page 15: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/15.jpg)
Dienstag, 12. Oktober 2010
![Page 16: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/16.jpg)
Wer nicht fragt, bleibt dumm
„Wieso, weshalb, warum...“
Dienstag, 12. Oktober 2010
![Page 17: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/17.jpg)
Fragenkatalog:16 Seiten
Dienstag, 12. Oktober 2010
![Page 18: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/18.jpg)
Dienstag, 12. Oktober 2010
![Page 19: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/19.jpg)
Dienstag, 12. Oktober 2010
![Page 20: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/20.jpg)
Time was not on our Site.
Dienstag, 12. Oktober 2010
![Page 21: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/21.jpg)
Group
1 2 3 4 5 6 7 8 9 10 ..... 23 24 25
Dialog Title
Cancel OK
Warning
Warning text goes here.
No Yes
Panel
Containers & Dialogs V1.1
Dienstag, 12. Oktober 2010
![Page 22: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/22.jpg)
Group
1 2 3 4 5 6 7 8 9 10 ..... 23 24 25
Dialog Title
Cancel OK
Warning
Warning text goes here.
No Yes
Panel
Containers & Dialogs V1.1
Dienstag, 12. Oktober 2010
![Page 23: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/23.jpg)
Es sollte 5 Minuten dauern.
Dienstag, 12. Oktober 2010
![Page 24: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/24.jpg)
Mein Telefonanbieter
Dienstag, 12. Oktober 2010
![Page 25: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/25.jpg)
Redesign
Dienstag, 12. Oktober 2010
![Page 26: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/26.jpg)
Fireworks: Seiten + Module
(Photoshop: Datei mit Ebenen)Dienstag, 12. Oktober 2010
![Page 27: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/27.jpg)
Dienstag, 12. Oktober 2010
![Page 28: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/28.jpg)
Dienstag, 12. Oktober 2010
![Page 29: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/29.jpg)
Alt:
Erster Entwurf Redesign:
Dienstag, 12. Oktober 2010
![Page 30: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/30.jpg)
Dienstag, 12. Oktober 2010
![Page 31: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/31.jpg)
Dienstag, 12. Oktober 2010
![Page 32: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/32.jpg)
Dienstag, 12. Oktober 2010
![Page 33: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/33.jpg)
Dienstag, 12. Oktober 2010
![Page 34: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/34.jpg)
Dienstag, 12. Oktober 2010
![Page 35: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/35.jpg)
Dienstag, 12. Oktober 2010
![Page 36: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/36.jpg)
Finales Design8 Templates
jaxenter.com
Dienstag, 12. Oktober 2010
![Page 37: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/37.jpg)
Dienstag, 12. Oktober 2010
![Page 38: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/38.jpg)
Dienstag, 12. Oktober 2010
![Page 39: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/39.jpg)
Dienstag, 12. Oktober 2010
![Page 40: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/40.jpg)
Dienstag, 12. Oktober 2010
![Page 41: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/41.jpg)
Dienstag, 12. Oktober 2010
![Page 42: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/42.jpg)
Dienstag, 12. Oktober 2010
![Page 43: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/43.jpg)
Dienstag, 12. Oktober 2010
![Page 44: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/44.jpg)
Dienstag, 12. Oktober 2010
![Page 45: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/45.jpg)
Dienstag, 12. Oktober 2010
![Page 46: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/46.jpg)
Dienstag, 12. Oktober 2010
![Page 47: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/47.jpg)
Dienstag, 12. Oktober 2010
![Page 48: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/48.jpg)
Dienstag, 12. Oktober 2010
![Page 49: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/49.jpg)
Dienstag, 12. Oktober 2010
![Page 50: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/50.jpg)
Dienstag, 12. Oktober 2010
![Page 51: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/51.jpg)
Dienstag, 12. Oktober 2010
![Page 52: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/52.jpg)
Dienstag, 12. Oktober 2010
![Page 53: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/53.jpg)
Dienstag, 12. Oktober 2010
![Page 54: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/54.jpg)
∏ xSumme der Designdetails im
Frontend
Dienstag, 12. Oktober 2010
![Page 55: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/55.jpg)
„Die Richtung steht definitiv fest“
Dienstag, 12. Oktober 2010
![Page 56: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/56.jpg)
cc: wikimedia, Andrew Bossi
Dienstag, 12. Oktober 2010
![Page 57: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/57.jpg)
cc: wikimedia, Andrew Bossi
Dienstag, 12. Oktober 2010
![Page 58: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/58.jpg)
Farbvarianten viaPhotoshop
Quick & Dirty
Dienstag, 12. Oktober 2010
![Page 59: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/59.jpg)
Dienstag, 12. Oktober 2010
![Page 60: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/60.jpg)
Dienstag, 12. Oktober 2010
![Page 61: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/61.jpg)
„Blau-Gelb, Blau-Gold oder eher Türkis?“
Dienstag, 12. Oktober 2010
![Page 62: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/62.jpg)
„Wir hätten gern Schwarz.“
Dienstag, 12. Oktober 2010
![Page 63: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/63.jpg)
Dienstag, 12. Oktober 2010
![Page 64: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/64.jpg)
Dienstag, 12. Oktober 2010
![Page 65: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/65.jpg)
Dienstag, 12. Oktober 2010
![Page 66: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/66.jpg)
Dienstag, 12. Oktober 2010
![Page 67: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/67.jpg)
Dienstag, 12. Oktober 2010
![Page 68: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/68.jpg)
„Das wird jetzt ein Spaziergang“
Dienstag, 12. Oktober 2010
![Page 69: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/69.jpg)
Dienstag, 12. Oktober 2010
![Page 70: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/70.jpg)
Dienstag, 12. Oktober 2010
![Page 71: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/71.jpg)
Dienstag, 12. Oktober 2010
![Page 72: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/72.jpg)
Dienstag, 12. Oktober 2010
![Page 73: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/73.jpg)
Dienstag, 12. Oktober 2010
![Page 74: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/74.jpg)
Dienstag, 12. Oktober 2010
![Page 75: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/75.jpg)
Dienstag, 12. Oktober 2010
![Page 76: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/76.jpg)
„Woher kommt denn das Orange?“
Dienstag, 12. Oktober 2010
![Page 77: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/77.jpg)
Dienstag, 12. Oktober 2010
![Page 78: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/78.jpg)
Dienstag, 12. Oktober 2010
![Page 79: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/79.jpg)
Dienstag, 12. Oktober 2010
![Page 80: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/80.jpg)
Dienstag, 12. Oktober 2010
![Page 81: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/81.jpg)
Dienstag, 12. Oktober 2010
![Page 82: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/82.jpg)
Dienstag, 12. Oktober 2010
![Page 83: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/83.jpg)
Dienstag, 12. Oktober 2010
![Page 84: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/84.jpg)
Dienstag, 12. Oktober 2010
![Page 85: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/85.jpg)
Dienstag, 12. Oktober 2010
![Page 86: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/86.jpg)
Dienstag, 12. Oktober 2010
![Page 87: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/87.jpg)
Dienstag, 12. Oktober 2010
![Page 88: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/88.jpg)
www.jaxenter.com
www.mobile360.de
Dienstag, 12. Oktober 2010
![Page 89: Vortrag Webtechcon 2010](https://reader033.vdocument.in/reader033/viewer/2022052906/558df2291a28ab25438b4621/html5/thumbnails/89.jpg)
„Das muss man im Gesamtkontext
sehen.“
Dienstag, 12. Oktober 2010