Responsive Webdesign verkaufen

67
Responsive Webdesign verkaufen Patrick Lobacher CEO typovision GmbH 28.11.2013

Transcript of Responsive Webdesign verkaufen

Page 1: Responsive Webdesign verkaufen

Responsive Webdesignverkaufen

Patrick Lobacher CEO typovision GmbH

28.11.2013

Page 2: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Agenda• Bullshit Bingo

• RWD is doch einfach!

• RWD Workflow

• RWD verkaufen

• Verträge

Page 3: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Bullshit Bingo

Page 4: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Kennt Ihr das Spiel, mit dem man langweilige Meetings überlebt?

Regel: Sobald einer der Begriffe aus der folgende Matrix genannt wird, kreuze diesen an. Wenn Du eine Reihe oder Zeile komplett

hast, schreie laut „BULLSHIT BINGO“

Page 5: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

Proaktiv Win-Win Zielführend Mindset

Out of the box Synergie Strategie Kundenzentriert

ProzessAm Ende des

Tages...24 / 7

Die Wahrheit ist...

Fokussieren Kernkompetenz Mehrwert Benchmark

Page 6: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Um nun Daten für Eurer eigenes Spiel zu finden, googelt einfach nach:

„web design trends 2014“

Page 7: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

2014 - Web Design - Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

2014 - Web Design - Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

2014 - Web Design - Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

2014 - Web Design - Bullshit Bingo (Schrei: „BULLSHIT BINGO“ wenn eine Reihe oder Spalte komplett ist)

Responsive WebDesign

Flat DesignSingle PageWeb Design

Neon

ParallaxScrolling

Off-CanvasCSS3

AnimationsFull-width

Background Images

FullscreenTypography

QR CodesInfinite

ScrollingDecoupled

CMS

InteractiveInfographics

Social MediaBadges

Black & WhiteDesign

Simplified Design

Page 8: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

http://www.designpromotivate.comhttp://katieunderhill.co.uk/

http://www.smashingmagazine.com

HOT TOPIC 2014!!

WEB DESIGNTRENDS 2014

Page 9: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Responsive Web Design - RWD

ist ein Trend?

Wirklich?

Page 10: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Die Wikipedia sagt dazu:

Als Fad ([fæd], engl. für „Fimmel“, „Masche“, „Modetorheit“; auch: Craze, Vogue, Rage) bzw. Hype oder Trend wird im kulturellen Diskurs

des englischsprachigen Raumes ein Verhalten bezeichnet, dem Bevölkerungsteile meist über eine sehr kurze Zeit hinweg mit

Begeisterung folgen, und zwar so lange, wie dieses Verhalten als neuartig und daher als interessant empfunden wird.

Fads ähneln Moden, sind aber kurzlebiger und eher arbiträre Einzelereignisse als Stationen eines modischen Trends.

Page 11: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

„RWD ist kein Trend, sondern die fundamentale Basis von ernsthaften Web Design und eine Notwendigkeit

um den Zugang zum Web sicherzustellen - jetzt und in der

Zukunft“Patrick Lobacher, 29.10.2013

Page 12: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Aber das ist einfach zu erreichen:iPad, iPhone, Nexus, Galaxy

#nicht

http://opensignal.com/reports/fragmentation.phphttp://www.timhordern.com/

Page 13: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

Und was ist damit?

http://www.flickr.com/photos/taedc/10166827123/ http://www.flickr.com/photos/icebearger/8651979429/

http://www.flickr.com/photos/raneko/3045816114/ http://www.flickr.com/photos/samsungtomorrow/8335500219/

Page 14: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

RWD ist einfach!

Page 15: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

KundenWissen(leider)

Zutaten• Neu-Anordnen von Inhaltselemente

• Ein flexibles Grid-System

• Flexible Bilder

• Media queries

• Serverseitige Komponetnte (RESS)

• „einige“ Prozesse

Page 16: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Das ist alles!

Stimmt doch, oder?

http://ww

w.slideshare.net/slideshow

/embed_code/14528526

Page 17: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Okay, okay - es ist nicht sooo einfach...

Aber letzlich nur ein technisches Problem!

Page 18: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Sicher?

Responsive Design ist eben KEIN Problem von Design oder Entwicklung!

Page 19: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

RWD Workflow

Page 20: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Webdesign verkaufen

http://commons.wikimedia.org/wiki/File%3AWaterfall_model_(1).svg

• Lastenheft• Pflichtenheft• Design-Prozess => PSD• PSD => Design Freigabe• PSD => Implementierung• Verifizierung / Testing• PSD => Endabnahme• Fertig :-)

Klassischer Workflow

Page 21: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Was ist verkehrt mit diesem Workflow?

Er hat doch seit Jahren funktioniert?

Page 22: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Responsive Web Designbenötigt ein radikales Umdenken!

Es ist eine allumfassende Denkweise!

Page 23: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Und es betrifft viele Rollen:

CEO, Vertrieb, UX/UI, Designer, Entwickler, Redakteure, Kunden, ...

Page 24: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Existiert die Vision, jedes Gerät jetzt und in der Zukunft zu unterstützen?

• Besteht der Wille, in die Fortbildung des gesamten Teams zu investieren?

• Sind alle bereit, zu akzeptieren, dass sich festgefahrene Prozesse radikal ändern werden? Für eine grundlegende Veränderung?

GF / Freelancer / Entscheider

Page 25: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Die Tools werden sich verändern! (Photoshop ist nicht tot - aber der Designer muss sich mit deutlich mehr Tools beschäftigen)

• Erforsche das Medium ausführlich!

• Rein visuell arbeitende Designer müssen am meisten lernen!

• Bleibe offen für neues!

Designer

Page 26: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Wir beide (Kunde und Agentur) erschaffen „Business Value“ (geschäftlicher Wert) - und keine Pixel-genauen PSD

• Du brauchst Zeit - viel Zeit! Du bist in das Projekt deutlich mehr involviert als früher. Täglich! Ohne Deine Mitarbeit funktioniert es nicht!

• Auch Du benötigst ein Verständnis von RWD

Kunde

Page 27: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Du brauchst neue Verträge

• Verkaufe RWD Consulting - da es essentiell notwendig ist, dass Dein Kunde sich damit beschäftigt

• RWD Projekte sind teuerer - dafür aber für den Kunden jeden € wert

Vertrieb

Page 28: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

➀ Entscheidungen

➁ Content Strategy

➂ Content Wireframes

➃ Content Erstellen

➄ Content-Testing ➉ Produktion

➅ Moodboard / Style Tile

➆ Linear Design

➇ Prototyping

➈ Geräte-Testing

Geklärte Anforderungen (Stories/LH/FH)

Weitere Programmierung & Finalisierung

Der RWD-Workflow

Page 29: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Entscheidungen

• Stakeholder Matrix (Wer entscheidet was?)

• Projekt Ziel

• Breakpoint Entscheidungen (aufgrund des Inhalts) (Wichtig!)

• Liste der zu unterstützenden Geräte und Browser (Top 5/3)

• Dokument Bestandsaufnahme (CI-Manual, Richtlinien, Bestimmungen, Rechtliches, ...)

• Moodboard Briefing (Look & Feel)

• Vertrag

Der RWD-Workflow - Schritt 1

Page 30: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Content Strategy (Consulting)

• Erster Schritt ist das Sammeln, Auswerten und Bewerten des Contents

• Dies führt zu einem „Content Inventory“ (Hauptnavigation, Sekundärnavigation, Logo, Links, Überschriften, Inhaltselemente, ...)

• Großes Excel-File mit Was/ Wo / Wer / Wann

Der RWD-Workflow - Schritt 2

Page 31: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Content Wireframes

• Welcher Inhalt ist wo• Nur Rechtecke• Kein Design!• Mobile first!• Für jeden Major-Breakpoint• Für jeden Seitentyp• Für jeden Inhaltstyp

Hauptnavigation

Logo Suche & Links

Überschrift

Inhalt

Footer

Irgendein Plugin

Der RWD-Workflow - Schritt 3

Page 32: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Content erstellen

• Identifizierung der verschiedenen Inhalts-Typen (Listen, Tabellen, Überschriften, Bild mit Text auf der rechten Seite, ...)

• Nur Text verwenden!

• Markup via Markdown / AsciiDoc / ReST

• Konvertierung zu HTML um einen Text-Dummy zu erhalten

Der RWD-Workflow - Schritt 4

Page 33: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Testen des Contents

• Content Dummy Test

• in allen Breiten (Screensize) auf die man sich geeinigt hatte

• Dafür gibt es natürlich Tools :-)

• Freigabe durch den Kunden!

Der RWD-Workflow - Schritt 5

Page 34: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Moodboard

• Illustration des visuellen Stils (und der Stilrichtung)

• Look & feel der Website inkl. der Elemente (wie Navigation, Überschrift, ...)

• Freigabe durch den Kunden!

http://weblog.404creative.com

/

Der RWD-Workflow - Schritt 6

Page 35: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Linear Design

• Anreichern des Content Dummys mit dem Basis Design aus dem Moodboard

• Anfangs linear - noch nicht positioniert

• Dient dazu, um zu sehen, wie „richtiger/realer“ Content wirkt und aussieht

• Freigabe durch den Kunden!

Der RWD-Workflow - Schritt 7

Page 36: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Prototype (Design im Browser)

• Produktion eines Clickdummys mit HTML5/CSS3/JavaScript/...

• Dies führt zum finalen Layout - daher muss hier auf die Positionierung geachtet werden

• Interaktiver Prozess mit dem Kunden!

• Freigabe durch den Kunden!

Der RWD-Workflow - Schritt 8

Page 37: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Device testing

• Test muss auf realen Testgeräten durchgeführt werden - keine Simulatoren möglich!

• Gehe zu Open Device Labs (ODL)

• Für das Teste gibt es Tools!

• Freigabe durch den Kunden!

Der RWD-Workflow - Schritt 9

Page 38: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Produktion

• Integration in ein CMS (falls vorhanden

• Backend-Programmierung

• APIs

• ...

Der RWD-Workflow - Schritt 10

Page 39: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

RWD verkaufen

Page 40: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Consulting (Basis RWD Wissen für den Kunden)

• Workshops (Anforderungen, Entscheidungen, Inhalte, Wireframes, Clickdummy, Prozesse, ...)

• Design (Moodboard, Style Tile, Linear Design, Element Design, Atomic Design, ...)

• Produktion / Programmierung (Content Dummy, Clickdummy, ...)

• Testing (Content testing, device testing)

Consulting

Workshop

Design

Programmierung

Testing

RWD verkaufen

Page 41: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• PSD Statische Dokumente können NICHT verwendet werden!

• Full Layouts Design von Elementen und NICHT von Layouts

• RWD AddOn Es ist NICHT möglich, auf eine bestehende Website RWD „drüberzustülpen“. RWD ist KEIN Feature!

• RWD for Non-RWD Design Stelle sicher, das der Designer umfangreiche RWD-Kenntnisse besitzt

• History Museum Das Web existiert in der Gegenwart - halte daher nicht an alten Browsern fest

PSD

Full Layouts

RWD for Non-RWD Design

RWD AddOn

History Museum

Was sollte man nicht verkaufen

Page 42: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• (Sorry) Unsinnige Fragen:

• Wieviel kostet RWD?

• Wieviel kostet es mehr, wenn wir RWD machen?

• Richtige Antwort:

• Mehr als ohne!

• Wahrscheinlich bis zu ca. 2x Aufwand ohne RWD

Wieviel kostet RWD?

Page 43: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Frage: Wieviel kostet RWD?

• Antwort: $13.47

• Nachtzulesen bei: http://bradfrostweb.com/blog/web/how-much-does-a-responsive-web-design-cost/

Wieviel kostet RWD?

Page 44: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Kunde: wir fangen jetzt schon mal an und machen RWD später

• NEIN - entweder von Anfang an, oder erst beim nächsten Relaunch

• Kunde: Wir haben eigene Designer

• Stelle (wirklich) sicher, das die Designer ein tiefes und umfangreiches Verständnis des RWD Prozesses haben - ansonsten lieber jemanden anderen beauftragen (oder die Rechnung dafür zahlen)

• Kunde: Wir machen es wie immer - mit PSD (Layouts)

• Nein, Nein und nochmals Nein. Kein PSD. Niemals. Oder - mache einen narrensicheren Vertrag und besorge Dir einen wirklich guten Anwalt

FAQ

Page 45: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Kunde: Wir können kaum Zeit aufwenden von unserer Seite

• Dann haben wir keine Chance. vernünftiges RWD zu implementieren

• Kunden: Aber ich brauche wirklich einen Festpreis für RWD

• Verdoppele den Aufwand für das Frontend - damit sollte man auf der sicheren Seite sein

• Kunden: Was hat das RWD in ihrem letzten Projekt gekostet?

• Wieviel hat Ihr letztes Auto/Haus/Whirlpool gekostet?

FAQ

Page 46: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Verträge

Page 47: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Zusammenfassung / Erwartungen

• Kunden-Daten

• Agentur- / Freelancer-Daten

• Projekt Ziel

• Deadlines

Verträge - 1

Page 48: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Vereinbahrungen

• Der Kunden muss die Arbeiten überprüfen, Feedback liefern und die Freigaben zügig durchführen

• Deadlines gelten für beide Seiten - Agentur/Freelancer und Kunden sind beiderseit daran gebunden

• Der Kunde muss sich an den Zahlungsplan halten

Verträge - 2

Page 49: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Design

• Es wird ein „Look-and-Feel“ Design erstellt

• Es werden flexible Layout erstellt, die die Möglichkeiten von vielen Geräten und Bildschirmgrößen adaptieren

• Der Design-Prozess ist iterativ

• Es wird hauptsächlich HTML5 und CSS3 verwendet, anstatt jedes Template als statisches Layout nachzubilden

• Statische Layouts werden nur als Moodboard/Style Tile erstellt und enthalten die Richtung (Look and Feel) der Site, wie Typographie, Farben, Texturen, Bildwelten, Elemente, ...)

Verträge - 3

Page 50: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Inhalt & Bilder

• Die Agentur ist nicht verantwortlich, Inhalt zu erstellen oder einzugeben (HTML, CMS, ...)

• Die Agentur ist nicht verantwortlich, Bilder auszuwählen, aufzunehmen, zu editieren oder zu konvertieren

• Dafür kann ein eignes Angebot erstellt werden

Verträge - 4

Page 51: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Browser Testing im Allgemeinen

• Browser Testing bedeutet nicht mehr, dass man versucht eine Website identisch in allen Browsern, Geräten oder Bildschirmgrößen aussehen zu lassen

• Sondern es bedeutet, dass man sicherstellt, dass die User-Experience und die Design-Experience adäquat den Möglichkeiten des Geräts oder des Browsers erstellt wird

Verträge - 5

Page 52: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Desktop Browser Testing

• Wir testen mit den folgenden Browsern (und Versionen):

• Apple / Safari / 6.0.5

• xxx / yyy / zzz

• Wir testen NICHT in den folgenden Browsern (und Versionen:

• Microsoft IE 8

Verträge - 6

Page 53: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Mobile Browser Testing

• Wir testen mit den folgenden Browsern (und Versionen):

• Android 4.1 / Chrome / 6.0.5

• iOS 7.0.x / Safari

• xxx / yyy / zzz

• Wir testen NICHT mit den folgenden Browsern (und Versionen):

• Blackberry OS /QNX, Symbian, ... (any Browser)

Verträge - 7

Page 54: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Changes / Feature Requests

• Da der vorliegende Vertrag ein Festpreis-Vertrag ist, haben wir am Anfang ein Pflichtenheft erstellt, welches alle Anforderungen enthält

• Auf dieser Basis kalkulieren wir unsere Arbeit

• Wir wollen aber flexibel sein. Wenn Sie etwas geändert haben wollen (welches ein Delta zum Pflichtenheft darstellt), bieten wir Ihnen dies als separates Angebot an

• Im Pflichtenheft fehlende Aspekte, stellen eine Konzeptionslücke dar und werden ebenfalls separat angeboten, falls diese gewünscht sind.

Verträge - 8

Page 55: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Copyright

• Der Kunde garantiert, dass alle Assets (wie Texte, Bilder, Grafiken,...) die er liefert, mit Rechten für den Kunden ausgestattet sind. Der Auftragnehmer haftet hierfür in keiner Weise!

• Dem Kunden gehören die Elemente, der Agentur/Freelancer allerdings die einmalige Anordung der Elemente (wie Design, Layout, ...)

• Die Agentur vergibt eine exklusive Lizenz an den Kunden, diese einmalige Kombination zu nutzen. Diese Lizenz gilt ausschließlich für das erstellte Projekt.

Verträge - 9

Page 56: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Zahlunsplan

• Wir vereinbaren den folgenden Zahlungsplan:

• 50% vor Start des Projekts - die Arbeiten der Agentur/des Freelancers beginnen ab Eingang auf dem Konto

• 40% bei Lieferung (hier kann man kleinere Milestones definieren)

• 10% bei Abnahme

• Sobald der Kunde das Projekt produktiv nutzt, hat er eine implizite Abnahme durchgeführt und die restlichen 10% werden sofort fällig

• Zahlungsziel 10 Tage

Verträge - 10

Page 57: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Rechtliches

• Keine Programmier-Arbeit ist fehlerfrei. Wir versuchen Fehler (dies sind Funktionen, die im Pflichtenheft beschrieben wurden, aber nicht wie beschrieben funktionieren) so schnell wie möglich zu beheben aber wir sind nicht verantwortlich für eventuell daraus entstehende Schäden egal welcher Art, selbst wenn wir explizit darauf hingewiesen wurden.

• Die Agentur zeigt die Arbeiten anderen Leuten (z.B. über die Website), daher räumt der Kunden das Recht ein, das Projekt vorzustellen und zu verlinken

• Wir sind nicht verantwortlich für irgendwelche Fehler in 3rd Party Software, insbesondere in verwendeter Open Source Software

Verträge - 11

Page 58: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Links

Page 59: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• http://www.creativebloq.com/responsive-web-design/top-responsive-web-design-problems-and-how-avoid-them-8122790

• http://weblog.404creative.com/2007/02/14/website-mood-boards-a-successful-precursor-to-visual-prototyping/

• http://styletil.es/

• http://samanthatoy.com/washington-examiner/

Links

Page 61: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• http://stuffandnonsense.co.uk/projects/contract-killer/

Links

Page 62: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Zum Abschluß:

Responsive Web Designbenötigt ein Umdenken!

Danke!

Page 63: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

Patrick LobacherGeschäftsfüher typovision GmbH

Veröffentlichungen:

• 43 Jahre, glücklich verheiratet, wohnhaft in München• Autor von 9 Fachbüchern und > 40 Fachartikeln zum Thema TYPO3 und

Webentwicklung• Selbständig im Bereich Webentwicklung seit 1994• Certified TYPO3 Integrator seit 2009• Mitglied bis 2012 in den TYPO3 Core-Teams:

Certification, Extbase und Content Editorial• Mitglied bis 2012 im Expert Advisory Board der TYPO3 Association

(EAB)• Organisator des TYPO3camp Munich 2008-2013 und der T3DD12• Speaker auf nationalen und internationalen Kongressen• Dozent für führende Schulungsinstitute und die MVHS

Page 64: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

• Münchner Fullservice-Agentur für digitale Kommunikation• >40 feste Mitarbeiter vor Ort (+ 15 aus festem Freelancer Pool)• Geschäftsführer: Sebastian Böttger, Patrick Lobacher• Hochspezialisiert auf TYPO3 seit 10 Jahren (Extbase/Fluid seit 2009)• Platinum TYPO3 Association Member seit 3 Jahren• Spezialisiert auf Enterprise Search (Solr, Elastic Search) seit 3 Jahren • Fokus: Premium Webtechnologie und CMS im Open Source Bereich• 2. Platz im Deloitte. Fast 50 „Rising Star“ Award 2013

• Agenturpräsentation unter: www.typovision.de/dieagentur

• Über 600 Projekte jeglicher Größenordnung

• Vision:Wir sind der Partner des Kunden in allen Bereichen seiner digitalen Kommunikation - von der ersten Vision bis hin zur erfolgreichen Umsetzung und darüber hinaus.

typovision GmbH

Page 65: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

Page 66: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 25.11.2013

Responsive Webdesign verkaufen

Kontakt

Klassisch:

typovision GmbH

Elsenheimerstr. 780687 München

Fon: +49 89 45 20 59 3 - 0Fax: +49 89 45 20 59 3 - 29

Email: [email protected]: http://www.typovision.de

Twitter: www.twitter.com/typovisionwww.twitter.com/PatrickLobacherwww.twitter.com/crosscontent

Facebook: www.facebook.com/typovision

Blog:typoblog.de

Schulungen:academy.typovision.de

XING: www.xing.com/companies/typovisiongmbhwww.xing.com/profile/Patrick_Lobacherwww.xing.com/profile/Sebastian_Boettger2

LinkedInwww.linkedin.com/company/2038844

Slideshare: www.slideshare.net/plobacherwww.slideshare.net/typovision

Amazon: www.amazon.de/Patrick-Lobacher/e/

Page 67: Responsive Webdesign verkaufen

(c) 2013 - typovision GmbH | Responsive Webdesign verkaufen | Patrick Lobacher | www.typovision.de | 28.11.2013

Vielen Dank!