Sie sind auf Seite 1von 18

BGLT, 01.09.

2014, Seite 1

Berchtesgadener Land Tourismus, Folie 1
Willkommen!
Analyse & Strategie
Ziele & Zielgruppen
Design, Navigation
Technik & Web-Usability

Website-Inhalte (Content)
Emotionale Bilder
Texte, Typografie & Lesbarkeit
Animation & Multimedia
E-Commerce

Prozess & Projektmanagement
Agenturauswahl
Content Management Systeme
Kosten & Zeitplan
Teilnehmer:
Petra Aicher
Herbert Sebastian Kaiser
Petra Palt
Hermann Schubotz
Katja Springl
Markus von Hoesslin







Seminar Webdesign
Berchtesgadener Land Tourismus, Folie 2
Seminar Webdesign
Gestaltung des eigenen Internetauftritts
Technische, grafische und emotionale Verbesserung
Agentur-Tipps und Projektmanagement
Stephan Khl, BGLT
BGLT, 01.09.2014, Seite 2

Berchtesgadener Land Tourismus, Folie 3
Agenda
Analyse & Strategie
Ziele & Zielgruppen
Design, Navigation
Technik & Web-Usability

Website-Inhalte (Content)
Emotionale Bilder
Texte, Typografie & Lesbarkeit
Animation & Multimedia
E-Commerce

Prozess & Projektmanagement
Agenturauswahl
Content Management Systeme
Kosten & Zeitplan
Heute gilt Mobile first
Berchtesgadener Land Tourismus, Folie 4
Ringmodell Tourismuszukunft
Tourismuszukunft, Florian Bauhuber
BGLT, 01.09.2014, Seite 3

Berchtesgadener Land Tourismus, Folie 6
Design-Richtlinien
schlicht
reduziert
durchgngig
kontrastreich
motivierend
http://info.med.yale.edu/caim/manual
Berchtesgadener Land Tourismus, Folie 7
Was ist Web Usability?
Intuitives Verstehen von Navigation und Applikationen
Gute Lesbarkeit und Verstndlichkeit von Texten
Ein gutes Gefhl (Online Leidenschaft)
Benutzerfreundlichkeit und Erfolgsfaktor einer Website
BGLT, 01.09.2014, Seite 4

Berchtesgadener Land Tourismus, Folie 8
Analyse & Strategie
Berchtesgadener Land Tourismus, Folie 9
BGLT Online Marketing Mix
Social Media
Kundenbindung
Glaubwrdigkeit
Feedback
Google Ranking
Kampagnen
Verkauf
Klicks
Anfragen
Buchungen
Website
Inspiration
Marke, Information
Buchung
Newsletter
Kundenbindung
Verkauf
BGLT, 01.09.2014, Seite 5

Berchtesgadener Land Tourismus, Folie 10
Web-Checkliste
Design
Erster Eindruck, Screendesign, Bilder, Farben
Content
Infoarchitektur, Navigation, Usability, Aktualitt
Typografie
Fonts, Kontrast, Textmenge
Multimedia
Animation, Sound, Video, 3D
Benutzer/Community
Integration, Userbeteiligung
Technik
schnell, fehlerfrei, einfach, sicher, interaktiv
Berchtesgadener Land Tourismus, Folie 11
Motivation & Erster Eindruck
BGLT, 01.09.2014, Seite 6

Berchtesgadener Land Tourismus, Folie 12
Beispiele: Destinationen
Berchtesgadener Land Tourismus, Folie 13
Beispiele: Gastgeber
BGLT, 01.09.2014, Seite 7

Berchtesgadener Land Tourismus, Folie 16
Ziele & Zielgruppen
Ziele
Inspiration
Information & Service
Anfrage, Buchung
Kundenbindung
Zielgruppen
Themen
Differenzierung
Positionierung




Berchtesgadener Land Tourismus, Folie 17
BGLT-Personas:
Familie Sportler Gesundheit Stammgste







Gabi Gugl und Familie,
verh., 2 Kinder (9, 11 J.)
Michael Mller,
Single, keine Kinder
Brigitte und Ernst Kaiser,
verh., erwachsene Kinder
Elke + Horst Schlemmer,
verh., erwachsene Kinder
Alter: 41 Jahre
Ort: Regensburg
Beruf: derzeit Hausfrau
Alter: 31 Jahre
Ort: Mnchen
Beruf: Werbebranche
Alter: 60+
Ort: Aschaffenburg
Beruf: Rentner
Alter: 53
Ort: Kln
Beruf: Sekretrin, Polizist
Ihr Mann ist IT-Mitarbeiter
bei BMW in Regensburg,
Alleinverdiener. Gabi legt
Wert auf Nachhaltigkeit und
kauft gerne Bioprodukte.
Sie nutzt Google, Soziale
Medien, liest die Mittel-
bayerische und die Brigitte,
hrt Radio. Aktive Tablet-
Nutzung vor und im Urlaub.
Hohes Einkommen, sehr gut
ausgebildet, Job fordert ihn.
Tagesausflge, aber auch
Kurzurlaube, will aktiv sein,
bernachtet in Hotels,
Privatunterknften und
DAV-Htten, stark online
geprgt: Facebook,
Bergsport-Blogs/Magazine,
Pro7, Smartphone + Tablet.
Ernst war vor Jahren schon
einmal auf Kur in Bad
Reichenhall. Sie wollen
spazieren, einkaufen,
gemtlich einkehren und
die Einrichtungen des
Staatsbades nutzen.
Medien: Bunte, ARD, HR,
Internet, Reisebro.
Sporadisch online im Urlaub.
Einkommen mittel bis gut.
Horst ist Polizeibeamter, Elke
arbeitet halbtags als
Sekretrin bei einer
Versicherung. Beide waren
schon oft im BGL und sind
Fans, geworden. BGL ist die
zweite Heimat. Medien:
BGLT-Newsletter, ARD, ZDF,
Frau im Spiegel, NRZ, Tablet.
Konkrete Gesichter und Personen sind besser greifbar als abstrakte Zielgruppen-Definitionen
BGLT, 01.09.2014, Seite 8

Berchtesgadener Land Tourismus, Folie 18
Content
Berchtesgadener Land Tourismus, Folie 19
Informations-Architektur
Raster
Netzwerk
Hierarchie
Sequenz
Inhalte

komplex














einfach
linear nicht linear Hyper linking
BGLT, 01.09.2014, Seite 9

Berchtesgadener Land Tourismus, Folie 20
Navigation
Metaphern
intuitiv
7 Buttons
Rollover/Dropdown
Interne Suche
Texte oder Grafiken
HTML-Textlinks
schnell, austauschbar, SEO
Pixeltext-Buttons
CD, schner
Besser einzeilige Buttons



Icons & Text in kleinen Systemen

Berchtesgadener Land Tourismus, Folie 21
Headline
A
1
2
3
4
5
Leseverhalten: Bilder zuerst !
1 Bilder
2 Bildunterschriften
3 Headlines
4 Lead-in Text
5 Initial/Artikel
BGLT, 01.09.2014, Seite 10

Berchtesgadener Land Tourismus, Folie 22
Bilder frs Web
Ein Zentralbild und kleine Zusatzbilder (kein Hintergrundbild)
Bildgre: so klein wie mglich, so gro wie unbedingt ntig
Bildausschnitt: Einzelobjekte mglichst gro, Hintergrund weg
Optimierung: richtige und optimale Kompression

nicht
gut
Berchtesgadener Land Tourismus, Folie 23
Web-Grafik-Formate
Format

Farbtiefe
Kompression

Vorteile

Nachteile
GIF

1-256 Farben
verlustfrei
zeilenweise
Transparenz

256 Farben
Farbverlufe
JPEG

24 bit
nicht verlustfrei

beste
Fotokompression
Qualittskontrolle
keine Transparenz
Qualittsverlust
PNG

bis 32 bit
verlustfrei
zeilen/spaltenweise
Alpha-Transparenz
High Color
Grere Dateien
JPEG-Kompression mit zunehmender Quantisierung
BGLT, 01.09.2014, Seite 11

Berchtesgadener Land Tourismus, Folie 24
Gastgeber-Fotos
20 Bilder fr jeden GG: Auen, Sommer, Winter, je Zimmerkategorie mind.
Bett und Badezimmer, Lobby, Spa/Schwimmbad/Sauna, Restaurant, Bar
(ohne Gste)
Berchtesgadener Land Tourismus, Folie 25
Gastgeber/Bilder auf BGLT Website
BGLT, 01.09.2014, Seite 12

Berchtesgadener Land Tourismus, Folie 26
Welche Bilder darf ich verwenden?
Bilder: Fotos, Grafiken, Icons
dasselbe gilt fr Text, Musik,
Videos

NUR die Medien, die Sie
selbst gemacht (Urheberrecht)
oder die Sie gekauft haben
(Verwertungsrecht)
Berchtesgadener Land Tourismus, Folie 27
BGLT-Fotopool (kostenlos fr Partner)
http://www.berchtesgadener-land.com/de/bilddatenbank/


BGLT, 01.09.2014, Seite 13

Berchtesgadener Land Tourismus, Folie 28
BGL-Fotografen
Marika Hildebrandt
Im Pfaffenfeld 2,
Bischhofswiesen
Tel.: 08652-655953
marika@fotomagie.eu
http://www.fotomagie.eu


Frank Jung
Hauptstrae 23, Freilassing
Tel.: 08654-64546
frank@foto-jung.com
http://www.foto-jung.com



http://www.berchtesgadener-land.com/de/foto-video-partner

www.berchtesgaden360.de

Berchtesgadener Land Tourismus, Folie 29
Web-Typografie
Typografie ist die Gestaltung von Informationsprodukten
mit vorwiegend textlichem Inhalt

Grundregel: Zwei Schriften pro Seite sind genug
Standard-/Web-Fonts
Lesbarkeit: schmale Zeilenbreite
Abstand: Text braucht Luft
Flexibilitt: Text muss flieen knnen

PDF: fr komplette Dokumente/Layouts
BGLT, 01.09.2014, Seite 14

Berchtesgadener Land Tourismus, Folie 30
Einspaltiger Flattersatz
Meine Empfehlung:

Einspaltiger, linksbndiger
Flattersatz ist im WWW-Browser am
besten zu lesen. Blocksatz geht
nicht, weil Trennungen nicht
funktionieren und daher zu groe
Lcher in den Text gerissen wrden.
Rechtsbndiger oder zentrierter Text
geht nur fr kurze Zeilen, z.B. eine
Bildbeschreibung.



Donts:

keine VERSALIEN
keine langen kursiven Texte
blaue Unterstreichungen nur Links
Besser nicht: Blocksatz

Einspaltiger, linksbndiger
Flattersatz ist im WWW-
Browser am besten zu
lesen. Blocksatz geht
nicht, weil Trennungen
nicht funktionieren und
daher zu groe Lcher in
den Text gerissen wrden.
Rechtsbndiger oder
zentrierter Text geht nur
fr kurze Zeilen, z.B. eine
Bildbeschreibung.
Besser nicht: Zentriert

Einspaltiger, linksbndiger
Flattersatz ist im WWW-
Browser am besten zu
lesen. Blocksatz geht
nicht, weil Trennungen
nicht funktionieren und
daher zu groe Lcher in
den Text gerissen wrden.
Rechtsbndiger oder
zentrierter Text geht nur
fr kurze Zeilen, z.B. eine
Bildbeschreibung.
Berchtesgadener Land Tourismus, Folie 31
Usability: Wo erwarten User die Suchfunktion?
BGLT, 01.09.2014, Seite 15

Berchtesgadener Land Tourismus, Folie 32
Usability: Wo erwarten User den Kontakt-Link
Berchtesgadener Land Tourismus, Folie 34
Erwartungskonformste Startseite 2009
BGLT, 01.09.2014, Seite 16

Berchtesgadener Land Tourismus, Folie 36
Usability Expertenwissen
7 Buttons
Farb-Assoziationen
Lese/Blickrichtungen

Animation: weniger ist mehr
3 Klicks zum Ziel
3 Sekunden bis Feedback

Wenig Installationserfordernisse
Formulare: Wenig Pflichtfelder, Ausfllhilfe
Sitemaps, Hilfeseiten & Co.
Vertrauen aufbauen
Berchtesgadener Land Tourismus, Folie 37
Usability-Analyse Newsletter
Layout, Bilder, Unterschrift super
ansprechend, leicht verstndlich,
hochwertige Reiseangebote
Aber: Textformatierung optimieren und
Klick-Aktivierung erhhen
Ist mir einfach zu viel, ich bestelle
generell nicht mehr.
Die Angebote des Newsletters sind
sehr interessant.
Der ist nicht so berladen und wirkt
sehr einladend.
Mich interessiert die Region, also
warum nicht?
BGLT-Newsletter, Blickaufzeichnung 23.11.2011
BGLT, 01.09.2014, Seite 17

Berchtesgadener Land Tourismus, Folie 38
Agentur & Projektmanagment
Berchtesgadener Land Tourismus, Folie 39
Agentur-Auswahl
Wie finde ich eine Agentur, die zu mir passt?
Referenzen (ggf. unabhngiger Berater)
Gutes Preis-/Leistungsverhltnis
Gutes Bauchgefhl (z.B. Kennenlern-Workshop)

Zeitplan & Budget
Kleine Website: 2-3 Monate, ab 3.000
Mittlere Website: 3-6 Monate, ab 10.000
Groe Website: 6-10 Monate, ab 20.000

BGLT, 01.09.2014, Seite 18

Berchtesgadener Land Tourismus, Folie 40
Produktions-Prozess
Design & IT
Betreuung
Komm.& Content
Produktion
Marketing
Konzeption
Aktualisierung
Promotion
Detailkonzept
Storyboard
Design
Systemanalyse
Programmierung
Testen
Rollout
Strategie & Analyse
Wettbewerbs-
prsentation
Berchtesgadener Land Tourismus, Folie 42
Danke fr Ihre Aufmerksamkeit