STYLE TILES… und moderne Designprozesse für Webseiten
MARTIN KRETSCHMER@mykxMARKUS DENHOFF@mactux
“…building good experiences is only 50%  design challenge. The other 50% is      organizational challenge…”              R...
DAS BRIEFING
„WIR BRAUCHEN EINE NEUE WEBSEITE”
Jung
Modern
Urban
aber auch traditionsbewusst…
UND WAS HEISST  DAS JETZT?
BLAU?
ODER ROT?
ODER RUNDE ECKEN?
OK, DANN MACHEN WIR EIN MOODBOARD…
„DANN WIRF DOCH   SCHON MAL PHOTOSHOP AN.“
AUFTRITT:STYLE TILES
Quelle: styletil.es
Quelle: bit.ly/ONpzR5
Quelle: bit.ly/ONpzR5
Style Tiles sind eine Zusammenstellung vonElementen wie Farben, Typografie, Texturen,   Mustern, Buttons, … einer Webseite.
Style Tiles helfen uns die Tonalität und denMood einer Seite zusammen mit dem Kunden                 zu erarbeiten.
Style Tiles helfen uns die Tonalität und denMood einer Seite zusammen mit dem Kunden                 zu erarbeiten.
KUNDEN SIND KEINEDESIGNER, WISSEN ABER WAS IHNEN GEFÄLLT.
Quelle: bit.ly/ONpzR5
Reaction Sheet                          Entwurf 1             Entwurf 2              Entwurf3      Jung     Urban    Moder...
Reaction Sheet                          Entwurf 1             Entwurf 2              Entwurf3      Jung                   ...
Quelle: bit.ly/ONpzR5
MACH ES ZUSEINEM PROJEKT!
ABER VORSICHT:
STYLE TILES SINDKEINE LAYOUTS!
Quelle: bit.ly/ONpzR5
WIRKLICH NICHT!
GENUG GEFÜHLSKRAM!
KLASSISCHER DESIGNPROZESS           Briefing vom Kunden Konzept, Struktur (Wireframes, Prototypes)        Design Entwurf (P...
Responsive WebdesignJavaScript             transitions             gradients                    CSS3 box-shadow           ...
MODERNER DESIGNPROZESS               Briefing vom KundenSitemap, Struktur                   Style TilesHTML-Mockups        ...
WWW.STYLETIL.ES   Samantha Warren
WEITERGEDACHT:            Interactive Stile Tileshttp://republicofquality.com/projects/interactive-style-tiles/         HT...
KONTAKT WWW.BLANKO.BIZ MARTIN KRETSCHMER Projektmanager, Information Architect kretschmer@blanko.biz MARKUS DENHOFF Techni...
Style Tiles und moderne Designprozesse für Webseiten
Style Tiles und moderne Designprozesse für Webseiten
Style Tiles und moderne Designprozesse für Webseiten
Nächste SlideShare
Wird geladen in …5
×

Style Tiles und moderne Designprozesse für Webseiten

1.505 Aufrufe

Veröffentlicht am

Vortrag von Martin Kretschmer und Markus Denhoff von Blanko beim Web Worker NRW Treffen am 14.03.2013

0 Kommentare
3 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.505
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
25
Aktionen
Geteilt
0
Downloads
16
Kommentare
0
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Style Tiles und moderne Designprozesse für Webseiten

  1. 1. STYLE TILES… und moderne Designprozesse für Webseiten
  2. 2. MARTIN KRETSCHMER@mykxMARKUS DENHOFF@mactux
  3. 3. “…building good experiences is only 50% design challenge. The other 50% is organizational challenge…” Rian van der Merwe
  4. 4. DAS BRIEFING
  5. 5. „WIR BRAUCHEN EINE NEUE WEBSEITE”
  6. 6. Jung
  7. 7. Modern
  8. 8. Urban
  9. 9. aber auch traditionsbewusst…
  10. 10. UND WAS HEISST DAS JETZT?
  11. 11. BLAU?
  12. 12. ODER ROT?
  13. 13. ODER RUNDE ECKEN?
  14. 14. OK, DANN MACHEN WIR EIN MOODBOARD…
  15. 15. „DANN WIRF DOCH SCHON MAL PHOTOSHOP AN.“
  16. 16. AUFTRITT:STYLE TILES
  17. 17. Quelle: styletil.es
  18. 18. Quelle: bit.ly/ONpzR5
  19. 19. Quelle: bit.ly/ONpzR5
  20. 20. Style Tiles sind eine Zusammenstellung vonElementen wie Farben, Typografie, Texturen, Mustern, Buttons, … einer Webseite.
  21. 21. Style Tiles helfen uns die Tonalität und denMood einer Seite zusammen mit dem Kunden zu erarbeiten.
  22. 22. Style Tiles helfen uns die Tonalität und denMood einer Seite zusammen mit dem Kunden zu erarbeiten.
  23. 23. KUNDEN SIND KEINEDESIGNER, WISSEN ABER WAS IHNEN GEFÄLLT.
  24. 24. Quelle: bit.ly/ONpzR5
  25. 25. Reaction Sheet Entwurf 1 Entwurf 2 Entwurf3 Jung Urban ModernTraditionsbewust 1= trifft genau zu 2= trifft teilweise zu 3= trifft kaum zu
  26. 26. Reaction Sheet Entwurf 1 Entwurf 2 Entwurf3 Jung 1 3 2 Urban 1 2 2 Modern 3 2 1Traditionsbewust 1 3 1 1= trifft genau zu 2= trifft teilweise zu 3= trifft kaum zu
  27. 27. Quelle: bit.ly/ONpzR5
  28. 28. MACH ES ZUSEINEM PROJEKT!
  29. 29. ABER VORSICHT:
  30. 30. STYLE TILES SINDKEINE LAYOUTS!
  31. 31. Quelle: bit.ly/ONpzR5
  32. 32. WIRKLICH NICHT!
  33. 33. GENUG GEFÜHLSKRAM!
  34. 34. KLASSISCHER DESIGNPROZESS Briefing vom Kunden Konzept, Struktur (Wireframes, Prototypes) Design Entwurf (Photoshop) Umsetzung (HTML/CSS/JS/CMS)
  35. 35. Responsive WebdesignJavaScript transitions gradients CSS3 box-shadow border-radiusWeb-Fonts Icon-Fonts
  36. 36. MODERNER DESIGNPROZESS Briefing vom KundenSitemap, Struktur Style TilesHTML-Mockups HTML/CSS/JS Dummies Templates
  37. 37. WWW.STYLETIL.ES Samantha Warren
  38. 38. WEITERGEDACHT: Interactive Stile Tileshttp://republicofquality.com/projects/interactive-style-tiles/ HTML-Based Style Tile http://webstiles.namanyayg.com/webstile/
  39. 39. KONTAKT WWW.BLANKO.BIZ MARTIN KRETSCHMER Projektmanager, Information Architect kretschmer@blanko.biz MARKUS DENHOFF Technischer Direktor, UX Lead denhoff@blanko.biz

×