Download - 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