![Page 1: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/1.jpg)
So geht‘s – der Fahrplan für ein erfolgreiches Webdesign-Projekt
![Page 2: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/2.jpg)
Who’s talking?
Benedikt HermannExecutive Partner Trion Digitalagentur
www.trionline.de
![Page 3: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/3.jpg)
Umfrage
Wer war schon mal in die Planung einer Website involviert oder hat es vor?
Wer hat das Gefühl, dass er hierfür einen handfesten Plan hat(te)?
![Page 4: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/4.jpg)
Dominik
„Ich brauche eine Website! Was kostet die und wann ist die fertig?“
![Page 5: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/5.jpg)
Fahrplan Zielsetzung
Zielgruppe
Inhalt
Design
Technik
![Page 6: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/6.jpg)
Wohin soll‘s gehen?
![Page 7: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/7.jpg)
Welche Ziele verfolgt mein Unternehmen?
![Page 8: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/8.jpg)
Die Babyschwimmschule soll eine starke Marke werden!
Sie soll die größte Babyschwimmschule Berlins werden!
Ich will davon ordentlich leben können!
Statt bisher 4.000 € möchte ich 50.000 € pro Monat Umsatz.
Möglichst geringer Aufwand für immer wiederkehrende Tätigkeiten!
![Page 9: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/9.jpg)
Welche Ziele verfolgt meine Website?
![Page 10: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/10.jpg)
Kostenlose Probestunden sollen gebucht werden (Lead)
Kurse online verkaufen (Sale)
Buchungen sollen durch Kunden selbst umgebucht/storniert werden können (Prozessoptimierung)
Trainer sollen sich bewerben (Lead)
![Page 11: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/11.jpg)
![Page 12: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/12.jpg)
Ziel Parameter Ist Soll Bis wann
1. ProbestundenAnzahl
Onlinebuchungen0
50 pro Woche
31.08.2019
2. Kurse verkaufenAnzahl
Onlinebuchungen
80 pro Woche
31.12.20195
pro Woche
3. Verwaltungder Kurse
ArbeitsaufwandDominik
3 Min. pro Buchung
01.04.201918 Min. pro
Buchung
4. Trainer Bewerbungen
AnzahlBewerbungen
5 pro Monat
31.08.20191 pro Monat
![Page 13: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/13.jpg)
Welche Ziele verfolgt Ihre (geplante) Website?
(jeder für sich, 2 Minuten)
![Page 14: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/14.jpg)
egal 0
lebenswichtig 100
![Page 15: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/15.jpg)
Wie wichtig ist Ihre (geplante) Website für Ihr Unternehmen?
(Austausch, 2 Minuten)
![Page 16: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/16.jpg)
Fahrplan Zielsetzung
Zielgruppe
Inhalt
Design
Technik
![Page 17: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/17.jpg)
![Page 18: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/18.jpg)
„Der Nutzer steht an erster Stelle, alles Weitere folgt von selbst.“
https://www.google.com/about/philosophy.html
![Page 19: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/19.jpg)
![Page 20: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/20.jpg)
Wer?
Name
Miriam Mama
Hintergrund (Job, Karriere, Familie, Bildung ...)
Abteilungsleiterin in Mutterschaft, MBA,1 Sohn (2 Monate) Demographie (Alter, Wohnort, Herkunft etc ...)
31 Jahre, wohnt in Haus mit Familie in Westberlin, verwurzelt in Berlin
Was?
Problem
Sucht nach den bestenMöglichkeiten damit sichihr Kind gut entwickeln kann
Wunsch
Sicher, Spaß, flexibel, Baby soll mit Freude Wasservertrauen erlangen Socializing: Möchte andere Mütter kennenlernen, leistbar, nah
Wie?Sorgen/Hindernisse (Warum das Angebot nicht kaufen?)
Fühlt sich nicht sicher, keine freien Termine, Termine passen nicht, Buchung zu umständlich (Anruf/E-Mail), keine sofortige Rückbestätigung der Buchung
Wie helfen wir?
Bieten online buchbaren Babyschwimmkurs an, sofort verfügbar, Termine frei wählbar, hochqualifizierte Trainer, leistbarer Preis
![Page 21: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/21.jpg)
Google Such-vorschläge
Foreneinträge
Facebook insights
Statistiken
![Page 22: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/22.jpg)
Wie viele Mitbewerber gibt es?
Was sticht besonders hervor?
Wie verkaufen die Mitbewerber?
Welche Inhalte werden verwendet?
Welches Design wird verwendet?
Welche Bewertungen gibt es?
![Page 23: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/23.jpg)
Fahrplan Zielsetzung
Zielgruppe
Inhalt
Design
Technik
![Page 24: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/24.jpg)
Content is King!
Der Inhalt soll …
… den Besuchern eine Lösung für ihre Probleme bieten.
… die Fragen der Buyer Persona beantworten.
… die Kaufhürden der Buyer Persona herabsetzen.
… kurz & on point sein.
… klar strukturiert sein.
Besonders wichtig ist das was der Nutzer beimersten Aufruf der Seite sieht!
![Page 25: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/25.jpg)
Texte
Klare Texte, die leicht zu verstehen sind
Bilder
Bilder, die Emotionentransportieren
Bewegtbild
Videos, die Dynamik und Interaktion fördern
![Page 26: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/26.jpg)
![Page 27: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/27.jpg)
Um was geht es überhaupt?
AngebotProduktDienstleistung
![Page 28: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/28.jpg)
Was macht mich besonders?
Nutzen / Mehrwerte
Abgrenzung zumMitbewerb
![Page 29: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/29.jpg)
nützlich(Erklärung, Tutorial, Handbuch)
![Page 30: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/30.jpg)
emotional
![Page 31: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/31.jpg)
unterhaltsam(z.B. Bewegtbild)
![Page 32: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/32.jpg)
authentisch(GlaubwürdigeFotos, ehrlicheTexte …)
![Page 33: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/33.jpg)
Vertrauensbildung(Testimonials, Auszeichnungen …)
![Page 34: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/34.jpg)
konkreteHandlungs-aufforderungen
![Page 35: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/35.jpg)
Blog/NewsSocial Media Integration
![Page 36: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/36.jpg)
rechtlichRelevantes
![Page 37: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/37.jpg)
Fahrplan Zielsetzung
Zielgruppe
Inhalt
Design
Technik
![Page 38: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/38.jpg)
Wer weiß es?
Wie sieht das perfekte Webdesign aus?
![Page 39: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/39.jpg)
So?
![Page 40: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/40.jpg)
Steve Jobs
„Design ist nicht nur wie etwas aussieht oder sich anfühlt. Design ist wie es funktioniert.“
![Page 41: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/41.jpg)
• die Zielgruppen (Erwartungen)
• die Usability (gute Bedienbarkeit)
• das bestehende Corporate Design
![Page 42: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/42.jpg)
Gutes Design …
… nutzt visuelle Hirarchien um das Wichtigste zu fokussieren
… ist gelernt und folgtden etablierten Standards
… sieht auf den Endgeräten gut ausdie von den Besuchern genutzt werden
![Page 43: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/43.jpg)
Gutes Design …
… strahlt aus. Gutes Design bautSeriosität und Vertrauen auf und steht fürQualität, Liebe zum Detail, Moderne, Kompetenz, technischen Fortschritt …
… weckt Gefühle. Design kann bei dem Menschen Gefühle auslösen (durch Farben, Emotionen, Grafiken …)
![Page 44: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/44.jpg)
![Page 45: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/45.jpg)
Fahrplan Zielsetzung
Zielgruppe
Inhalt
Design
Technik
![Page 46: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/46.jpg)
Website-Baukasten
(z. B. wix.com)
• sehr schnell startklar• Kosten überschaubar
• Design über Standardvorlagen• kaum funktionale
Erweiterungsmöglichkeiten• kein Eingriff in Programmierung
usw. möglich
Standard-CMS(z.B. WordPress)
• Wenn Inhalte häufiger inhouse geändert werden
• Wenn ein individuelles Design umgesetzt werden soll und die Seiten ähnlich aufgebaut sind
• Gut bei wenig Spezialfunktionen
• bei Erweiterungen abhängig von WordPress Community
• hoher Wartungsaufwand durch Updates
Individual-Lösung
• Website inkl. Funktionen lässt sich exakt so abbilden wie konzipiert
• Gut, wenn es sehr viele individuelle Funktionen gibt die ein Standard-CMS nur mit viel „Verbiegen" abbildet
• hohe Ansprüche an exakte Umsetzung von Marketingzielen
• Skalierbar, wenn von vornherein berücksichtigt und mit Standards gearbeitet wird
• Höherer Entwicklungsaufwand• Höhere Initial-Kosten
![Page 47: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/47.jpg)
Inhouse• Welche Kompetenzen
haben ich?• Welche Ressourcen habe
ich?• Bin ich darauf spezialisiert?• Sinnvoll, wenn
Kompetenzen und Ressourcen Inhouse vorhanden, oder geringe Relevanz
Freelancer• Ausfallsicherheit?• Reaktionszeit?• Die eierlegende
Wollmilchsau (Strategie/Design/Programmierung/Marketing) gibt es nicht
• Professionelle Standardwebsite die nicht kritische ist für die Unternehmensziele
• mittleres Projektvolumen(< 100 Stunden)
Agentur• Website sehr relevant für
den Unternehmenserfolg• komplexere
Funktionalitäten• interdisziplinäres
Expertenteam liefert exakte Lösungen
• Ausfallsicherheit• höheres Projektvolumen
(> 100 Stunden)
![Page 48: So geht‘s – der Fahrplan für ein erfolgreiches Webdesign ... · … den Besuchern eine Lösung für ihre Probleme bieten. … die Fragen der Buyer Persona beantworten. … die](https://reader035.vdocuments.site/reader035/viewer/2022071005/5fc1d73cbc51d426b767deb5/html5/thumbnails/48.jpg)
Vortrag + Tipps & Tricks
/benedikthermann /benedikt.hermann /bene.hermann.muc