Worauf kommt es beim Blog-Design an? Markenbildung, Positionierung, erster und zweiter Eindruck, Lesbarkeit, Typografie, Farben und Bilder…

1. Headline 1234
Subline 5678
Dein Blog
und was das mit Webdesign zu tun hat

2. Headline 1234
Subline 5678
Gude, ich bins
#Webdesigner
#Selbständig
#Fachbuchautor
#Dozent
#Papa
…
…
und auch #Blogger

3. Verschiedene Entwicklungen
in den letzten Jahren:
Internet immer und überall.
Konsumverhalten ändert sich.
Alles ist mobil.

4. Und bei Blogs:
Blogosphäre weitet sich aus.
Blogs werden professioneller.
Hinz und Kunz bloggen.

5. Und jetzt
kommst auch
noch du…

6. 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

7. Dein Blog
Die Blogosphäre

8. Auf geht´s
Ein (Blog-)Stern, der deinen Namen trägt…

9. DEIN BLOG
Deine Strategie
Deine Positionierung
Dein Elevator Pitch

10. Mach dein eigenes Briefing.
Entwickle deine eigene Strategie.

11. 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?
…

12. Wunschleser
Zielgruppenanalyse
Personas entwickeln

13. Die Konkurrenz

14. Mal bei der „Konkurrenz“ vorbei schauen:
Name? Untertitel?
Inhalte?
Design?
Marketing?
Technik?
Leser?

15. Vom Guten lernen,
das Schlechte besser machen.

16. Dein Blog,
die (potentiellen) Leser
und die Konkurrenz
stehen in direktem Zusammenhang.

17. DEIN BLOG

18. 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

19. WARUM +
WER +
WAS +
WIE =
deine MARKE

20. Sei eindeutig
&
unmißverständlich

21. ACHTUNG!
Leser droht mit Besuch

22. Erster Eindruck
Schublade auf

23. Minimal
oder warum weniger nicht immer mehr ist.

25. Look & Feel
Logo, Farben, Bilder, Gesamtstuktur & Ladezeit

26. Orientierungsphase
Worum geht es hier?
Was bringt mir das?
Wer ist der „Anbieter“?
Kann ich ihm trauen?

27. Erster Eindruck
Bleibt Gehtoder

28. Wie lange bleibt er wohl?
Nicht lange… nicht sehr lange…
http://www.statisticbrain.com/attention-span-statistics/

29. F O LG E:
Blog wirkt schon,
bevor die ersten Inhalte gelesen werden.

30. Webdesign ist kein
Selbstzweck
Es geht um nichts anderes,
als das Überleben deines Blogs!

31. KO N S E Q U E N Z E N

32. Seite scannbar machen
Überblick bieten
Hierarchien schaffen
Highlights setzen

33. Texte scannbar machen
Überschriften, Zwischenüberschriften
Textauszeichnungen, Zitate, Auflistungen
Bilder & Links

35. Erste Wirkungstreffer:
Optische Gestaltungsmittel
+
Erste redaktionellen Inhalte

36. Startseite =
COVER
Nicht nur Inhaltsverzeichnis

37. Bild effektivlaufen.de

38. Die Positionierung
deutlich machen!

39. Was der Leser schnell
beurteilen kann:
Professionalität (des Auftritts)
Ästhetik
Vertrauen
Branding

40. Innerhalb weniger Sekunden sollte
der Besucher wissen,
um was es geht und wofür du stehtst.

41. „Beliebte“ „Fehler“:
Unübersichtlich
unprofessionell
gleichartig / austauschbar
unleserlich

42. So geht Webdesign heute:

43. INUTITIV BEDIENBAR
(Usability)
„Ich will nicht nachdenken müssen.“

44. LESBAR

45. Schriftarten
Lesbar ! ! !
http://www.webdesign-journal.de/7-methoden-fuer-schriftarten-21-google-webfonts-kombinationen/

46. Schriftgrößen
…größer machen.
> 14 Pixel, mindestens
> 16 Pixel, mindestens

47. Zeilenabstand
…größer machen.
line-height: 1.5
bis
line-height: 1.7

48. Zeilenlänge
Richtwert: 60 – 80 Zeichen pro Zeile
ca. 500 – 600 Pixel Breite

50. Schriftfarben
Auf ausreichenden Hell-Dunkel-Kontrast
zwischen Hintergrund- und Textfarbe achten

52. Texte gliedern
&
scannbar machen

53. RESPONSIVE
Auf jedem Gerät intuitiv bedienbar und lesbar.

54. LADEZEIT
BEACHTEND
https://tools.pingdom.com/

55. BILDER
„…sind schnelle Schüsse ins Gehirn.“

56. Quellen
http://www.webdesign-journal.de/foto-webseiten-mit-kostenfreien-kommerziell-nutzbaren-und-hochwertigen-bildern/

57. Motive
http://www.webdesign-journal.de/individuelle-bildmotive/

59. FARBEN
Mut zur Farbe.
Mut zu deiner Farbe.

60. Farben im Einsatz
http://www.webdesign-journal.de/branding-farbe-webdesign/

62. DEIN BLOGDESIGN
übersichtlich & lesbar
wiedererkennbar
intuitiv bedienbar

63. Headline 1234
Subline 5678
Dein Blog-Branding sorgt
für Vertrauen & Glaubwürdigkeit.

64. Headline 1234
Subline 5678
GUTES WEBDESIGN
ist eine Komposition aus vielen Faktoren

65. Individuell & persönlich
GUTES WEBDESIGN
kann ein großer Baustein
für den Erfolg deines Blogs sein.

66. Headline 1234
Subline 5678
Geduldig sein.
Lieber regelmäßig optimieren,
als der eine große Relaunch.

67. Sei wiedererkennbar
& einzigartig
auch über die Kanäle hinweg!

68. Und dann?

69. Dann leuchtet er,
DEIN Blog-Stern

70. Headline 1234
Subline 5678
Mehr dazu:
www.webdesign-journal.de
Martin Hahn | webdesign-journal.de