SlideShare ist ein Scribd-Unternehmen logo
1 von 70
Downloaden Sie, um offline zu lesen
Headline 1234
Subline 5678
Dein Blog
und was das mit Webdesign zu tun hat
Headline 1234
Subline 5678
Gude, ich bins
#Webdesigner
#Selbständig
#Fachbuchautor
#Dozent
#Papa
…
…
und auch #Blogger
Verschiedene Entwicklungen
in den letzten Jahren:
Internet immer und überall.
Konsumverhalten ändert sich.
Alles ist mobil.
Und bei Blogs:
Blogosphäre weitet sich aus.
Blogs werden professioneller.
Hinz und Kunz bloggen.
Und jetzt
kommst auch
noch du…
https://conterest.de/wie-viele-blogs-gibt-es-zahlen-statistiken/
http://www.osk.de/blog/leipzig-deine-blogger-grosses-bewusstsein-fuer-politik-und-gesellschaft
http://www.heldenstadt.de/leipzigblogger/
Ein paar Zahlen für Deutschland:
6.000 Modeblogs
2.000 Mamablogs
120 Vaterblogs
200 Familienblogs
1.000 Foodblogs
1.200 Reiseblogs
180 Blogs aus Leipzig
Dein Blog
Die Blogosphäre
Auf geht´s
Ein (Blog-)Stern, der deinen Namen trägt…
DEIN BLOG
Deine Strategie
Deine Positionierung
Dein Elevator Pitch
Mach dein eigenes Briefing.
Entwickle deine eigene Strategie.
Welche Themen bearbeite ich?
Welche Schwerpunkte haben meine Artikel?
Wie oft veröffentliche ich?
Welchen Schreibstil habe ich?
Welche Vermarktungs-Maßnahmen mache ich bisher?
Welche sozialen Netzwerke bediene ich?
Wie finden meine Leser zu mir?
Warum blogge ich?
Was erhoffe ich mir dadurch?
Was gibt mir das bloggen?
Welche konkreten Ziele setze ich mir für meinen Blog?
…
Wunschleser
Zielgruppenanalyse
Personas entwickeln
Die Konkurrenz
Mal bei der „Konkurrenz“ vorbei schauen:
Name? Untertitel?
Inhalte?
Design?
Marketing?
Technik?
Leser?
Vom Guten lernen,
das Schlechte besser machen.
Dein Blog,
die (potentiellen) Leser
und die Konkurrenz
stehen in direktem Zusammenhang.
DEIN BLOG
Deine Positionierung
Foodblog
Veganer Foodblog
Veganer Foodblog für Ü50 Frauen
Veganer Foodblog für Ü50 Frauen aus Leipzig
Veganer Foodblog für Ü50 Single-Frauen aus Leipzigs Westen mit Hund und Beamtenstatus
WARUM +
WER +
WAS +
WIE =
deine MARKE
Sei eindeutig
&
unmißverständlich
ACHTUNG!
Leser droht mit Besuch
Erster Eindruck
Schublade auf
Minimal
oder warum weniger nicht immer mehr ist.
Look & Feel
Logo, Farben, Bilder, Gesamtstuktur & Ladezeit
Orientierungsphase
Worum geht es hier?
Was bringt mir das?
Wer ist der „Anbieter“?
Kann ich ihm trauen?
Erster Eindruck
Bleibt Gehtoder
Wie lange bleibt er wohl?
Nicht lange… nicht sehr lange…
http://www.statisticbrain.com/attention-span-statistics/
F O LG E:
Blog wirkt schon,
bevor die ersten Inhalte gelesen werden.
Webdesign ist kein
Selbstzweck
Es geht um nichts anderes,
als das Überleben deines Blogs!
KO N S E Q U E N Z E N
Seite scannbar machen
Überblick bieten
Hierarchien schaffen
Highlights setzen
Texte scannbar machen
Überschriften, Zwischenüberschriften
Textauszeichnungen, Zitate, Auflistungen
Bilder & Links
Erste Wirkungstreffer:
Optische Gestaltungsmittel
+
Erste redaktionellen Inhalte
Startseite =
COVER
Nicht nur Inhaltsverzeichnis
Bild effektivlaufen.de
Die Positionierung
deutlich machen!
Was der Leser schnell
beurteilen kann:
Professionalität (des Auftritts)
Ästhetik
Vertrauen
Branding
Innerhalb weniger Sekunden sollte
der Besucher wissen,
um was es geht und wofür du stehtst.
„Beliebte“ „Fehler“:
Unübersichtlich
unprofessionell
gleichartig / austauschbar
unleserlich
So geht Webdesign heute:
INUTITIV BEDIENBAR
(Usability)
„Ich will nicht nachdenken müssen.“
LESBAR
Schriftarten
Lesbar ! ! !
http://www.webdesign-journal.de/7-methoden-fuer-schriftarten-21-google-webfonts-kombinationen/
Schriftgrößen
…größer machen.
> 14 Pixel, mindestens
> 16 Pixel, mindestens
Zeilenabstand
…größer machen.
line-height: 1.5
bis
line-height: 1.7
Zeilenlänge
Richtwert: 60 – 80 Zeichen pro Zeile
ca. 500 – 600 Pixel Breite
Schriftfarben
Auf ausreichenden Hell-Dunkel-Kontrast
zwischen Hintergrund- und Textfarbe achten
Texte gliedern
&
scannbar machen
RESPONSIVE
Auf jedem Gerät intuitiv bedienbar und lesbar.
LADEZEIT
BEACHTEND
https://tools.pingdom.com/
BILDER
„…sind schnelle Schüsse ins Gehirn.“
Quellen
http://www.webdesign-journal.de/foto-webseiten-mit-kostenfreien-kommerziell-nutzbaren-und-hochwertigen-bildern/
Motive
http://www.webdesign-journal.de/individuelle-bildmotive/
FARBEN
Mut zur Farbe.
Mut zu deiner Farbe.
Farben im Einsatz
http://www.webdesign-journal.de/branding-farbe-webdesign/
DEIN BLOGDESIGN
übersichtlich & lesbar
wiedererkennbar
intuitiv bedienbar
Headline 1234
Subline 5678
Dein Blog-Branding sorgt
für Vertrauen & Glaubwürdigkeit.
Headline 1234
Subline 5678
GUTES WEBDESIGN
ist eine Komposition aus vielen Faktoren
Individuell & persönlich
GUTES WEBDESIGN
kann ein großer Baustein
für den Erfolg deines Blogs sein.
Headline 1234
Subline 5678
Geduldig sein.
Lieber regelmäßig optimieren,
als der eine große Relaunch.
Sei wiedererkennbar
& einzigartig
auch über die Kanäle hinweg!
Und dann?
Dann leuchtet er,
DEIN Blog-Stern
Headline 1234
Subline 5678
Mehr dazu:
www.webdesign-journal.de
Martin Hahn | webdesign-journal.de

Weitere ähnliche Inhalte

Andere mochten auch

Responsive Webdesign verkaufen
Responsive Webdesign verkaufenResponsive Webdesign verkaufen
Responsive Webdesign verkaufen
die.agilen GmbH
 

Andere mochten auch (6)

Responsive Webdesign verkaufen
Responsive Webdesign verkaufenResponsive Webdesign verkaufen
Responsive Webdesign verkaufen
 
Usability & Webdesign 2010
Usability & Webdesign 2010Usability & Webdesign 2010
Usability & Webdesign 2010
 
Digitales Marketing 1 - Facebook für Unternehmen und Verbände
Digitales Marketing 1 - Facebook für Unternehmen und VerbändeDigitales Marketing 1 - Facebook für Unternehmen und Verbände
Digitales Marketing 1 - Facebook für Unternehmen und Verbände
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign
 
TactixX - Warum Online-KPI für Advertiser oft wenig Wert haben
TactixX - Warum Online-KPI für Advertiser oft wenig Wert habenTactixX - Warum Online-KPI für Advertiser oft wenig Wert haben
TactixX - Warum Online-KPI für Advertiser oft wenig Wert haben
 
e-commerce und Re-Selling
e-commerce und Re-Sellinge-commerce und Re-Selling
e-commerce und Re-Selling
 

Ähnlich wie Webdesign für Blogger

Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6
BurdaDirect
 

Ähnlich wie Webdesign für Blogger (20)

Verhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives WebdesignVerhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives Webdesign
 
Das 1x1 der Suchmaschinenoptimierung
Das 1x1 der SuchmaschinenoptimierungDas 1x1 der Suchmaschinenoptimierung
Das 1x1 der Suchmaschinenoptimierung
 
Webinale 2014: Gibt es ein Rezept für erfolgreiches Bloggen?
Webinale 2014: Gibt es ein Rezept für erfolgreiches Bloggen?Webinale 2014: Gibt es ein Rezept für erfolgreiches Bloggen?
Webinale 2014: Gibt es ein Rezept für erfolgreiches Bloggen?
 
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den MittelstandTools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
 
Corporate Media 1.0 / Tina Kulow
Corporate Media 1.0 / Tina KulowCorporate Media 1.0 / Tina Kulow
Corporate Media 1.0 / Tina Kulow
 
Der Blog ist tot…
Der Blog ist tot…Der Blog ist tot…
Der Blog ist tot…
 
Seokomm 2013
Seokomm 2013Seokomm 2013
Seokomm 2013
 
Social Media in der Raiffeisenbank Lustenau
Social Media in der Raiffeisenbank LustenauSocial Media in der Raiffeisenbank Lustenau
Social Media in der Raiffeisenbank Lustenau
 
Corporate Blogs: Alternative für Marken in Zeiten mangelnder Reichweiten?
Corporate Blogs: Alternative für Marken in Zeiten mangelnder Reichweiten? Corporate Blogs: Alternative für Marken in Zeiten mangelnder Reichweiten?
Corporate Blogs: Alternative für Marken in Zeiten mangelnder Reichweiten?
 
Moderne Kommunikation für Wirtschaftssenioren, Teil2
Moderne Kommunikation für Wirtschaftssenioren, Teil2Moderne Kommunikation für Wirtschaftssenioren, Teil2
Moderne Kommunikation für Wirtschaftssenioren, Teil2
 
skdesign SEO Skript
skdesign SEO Skriptskdesign SEO Skript
skdesign SEO Skript
 
Corporate Blog als Alternative zu Facebook & Co.? Erfolgsgeheimnisse für das ...
Corporate Blog als Alternative zu Facebook & Co.? Erfolgsgeheimnisse für das ...Corporate Blog als Alternative zu Facebook & Co.? Erfolgsgeheimnisse für das ...
Corporate Blog als Alternative zu Facebook & Co.? Erfolgsgeheimnisse für das ...
 
Blogging: Wie Startups erfolgreicher werden!
Blogging: Wie Startups erfolgreicher werden!Blogging: Wie Startups erfolgreicher werden!
Blogging: Wie Startups erfolgreicher werden!
 
Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6
 
2008 Warum Sie bloggen sollten.
2008 Warum Sie bloggen sollten.2008 Warum Sie bloggen sollten.
2008 Warum Sie bloggen sollten.
 
24 Top IT Blogs im deutschsprachigen Raum
24 Top IT Blogs im deutschsprachigen Raum24 Top IT Blogs im deutschsprachigen Raum
24 Top IT Blogs im deutschsprachigen Raum
 
Startup Marketing fürs kleine Budget
Startup Marketing fürs kleine Budget Startup Marketing fürs kleine Budget
Startup Marketing fürs kleine Budget
 
Mehr Gäste durch das Web
Mehr Gäste durch das WebMehr Gäste durch das Web
Mehr Gäste durch das Web
 
Die 10 groeßten Fehler im eMarketing
Die 10 groeßten Fehler im eMarketingDie 10 groeßten Fehler im eMarketing
Die 10 groeßten Fehler im eMarketing
 
NGO Marketing fürs schmale Budget
NGO Marketing fürs schmale BudgetNGO Marketing fürs schmale Budget
NGO Marketing fürs schmale Budget
 

Webdesign für Blogger