Webdesign für Blogger

Headline 1234Subline 5678Dein Blog

und was das mit Webdesign zu tun hat

Headline 1234Subline 5678

Gude, ich bins#Webdesigner#Selbständig

#Fachbuchautor#Dozent#Papa

……

und auch #Blogger

Verschiedene Entwicklungenin 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 Modeblogs2.000 Mamablogs

120 Vaterblogs200 Familienblogs1.000 Foodblogs1.200 Reiseblogs

180 Blogs aus Leipzig

Dein Blog

Die Blogosphäre

Auf geht´s

Ein (Blog-)Stern, der deinen Namen trägt…

DEIN BLOGDeine Strategie

Deine PositionierungDein 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 PositionierungFoodblog

Veganer Foodblog

Veganer Foodblog für Ü50 Frauen

Veganer Foodblog für Ü50 Frauen aus LeipzigVeganer 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 EindruckSchublade auf

Minimaloder warum weniger nicht immer mehr ist.

Look & FeelLogo, Farben, Bilder, Gesamtstuktur & Ladezeit

OrientierungsphaseWorum 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!

K O 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 Positionierungdeutlich 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

SchriftartenLesbar ! ! !

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ängeRichtwert: 60 – 80 Zeichen pro Zeile

ca. 500 – 600 Pixel Breite

SchriftfarbenAuf ausreichenden Hell-Dunkel-Kontrast

zwischen Hintergrund- und Textfarbe achten

Texte gliedern&

scannbar machen

RESPONSIVEAuf jedem Gerät intuitiv bedienbar und lesbar.

LADEZEIT BEACHTEND

https://tools.pingdom.com/

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

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

Motivehttp://www.webdesign-journal.de/individuelle-bildmotive/

FARBENMut zur Farbe.

Mut zu deiner Farbe.

Farben im Einsatzhttp://www.webdesign-journal.de/branding-farbe-webdesign/

DEIN BLOGDESIGNübersichtlich & lesbar

wiedererkennbar

intuitiv bedienbar

Headline 1234Subline 5678

Dein Blog-Branding sorgt

für Vertrauen & Glaubwürdigkeit.

Headline 1234Subline 5678

GUTES WEBDESIGNist eine Komposition aus vielen Faktoren

Individuell & persönlich

GUTES WEBDESIGNkann ein großer Baustein

für den Erfolg deines Blogs sein.

Headline 1234Subline 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 1234Subline 5678

Mehr dazu:www.webdesign-journal.de

Martin Hahn | webdesign-journal.de