Das Geheimnis wirkungsvoller Webauftritte - Arbeitsbuch - Lovely Webdesign
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
OKTOBER 2020
Arbeitsbuch
Das Geheimnis
wirkungsvoller
Webauftritte
Wie Sie in fünf Schritten zu einer
überzeugenden und effektiven Website
kommen
Autor:
Claudia Frank
Lovely Webdesign
Das Werk unterliegt dem Urheberrecht. Kein Teil dieser
Publikation darf in irgendeiner Form ohne Einwilligung des
Autors verbreitet oder kopiert werden.
Inhalte
4-6 Ihre Website-Ziele
7-10 Ihre Wunschkunden
11-15 Der Look & Feel
16-19 Auf Erfolg ausgestalten
20-24 Inhalte der Website
Seien Sie gegrüßt, lieber Website-Freund
Sie stehen gerade vor der Neuerstellung oder einem Redesign Ihrer bestehenden
Website? Ja? Hervorragend. Dann habe ich dieses
Arbeitsbuch in Gedanken an Sie geschrieben - für
Unternehmen, denen es wichtig ist, dass ihre Website
ihr Unternehmen authentisch präsentiert, die richtigen
Kunden anzieht und sie animiert, den nächsten Schritt
im Kaufprozess zu tun.
Legen Sie zunächst ein sauberes Fundament, bevor
Sie an die Umsetzungsarbeit gehen. So kommen Sie
zu wirkungsvollen Inhalten und zu einem stimmigen
Erscheinungsbild. Der Leitfaden ist Ihr Wegweiser und
legt den Grundstein für Ihr Webprojekt.
Er behandelt folgende Punkte:
• Was wollen Sie mit Ihrer Website erreichen?
• Wer ist Ihr Wunschkunde und was erwartet er?
• Der Look & Feel Ihrer Website
• Wie Sie Ihre Website konversionsstark und nutzerorientiert planen
• Die Inhalte Ihrer Website und worauf Sie dabei achten müssen
Ich wünsche Ihnen viel Freude und gutes Gelingen.
Ihre
Claudia Frank
P.S. Brauchen Sie professionelle Unterstützung? Dann kontaktieren Sie mich
einfach.
Ziele und Erwartungen klären Was erwarten Sie von Ihrer Website?
Schritt 1
ZI ELE UND ERWARTUNGEN KLÄREN
Was sind Ihre Ziele und Erwartungen an Ihre Website?
Seien Sie SMART Hier sind ein paar Beispiele:
Setzen Sie sich vor der eigentlichen • Wollen Sie E-Mail-Abonnenten
Konzeption und Umsetzung Ihrer Website gewinnen, um aus diesem Bestand
klare, eindeutige Ziele, was Sie mit Ihrer Kunden zu gewinnen?
Website erreichen wollen. • Wollen Sie Besucher animieren, ein
Beratungsgespräch zu reservieren?
Warum? Eine Website, die E-Commerce • Wollen Sie Ihr Angebot und Ihre
mitzuberücksichtigen hat, muss zwangsläufig besondere Expertise zeigen und
anders konzipiert sein, als eine Website, die Besucher dazu bewegen, direkt mit
zum Ziel hat, Wunschkunden zur Kontaktauf- Ihnen in Kontakt zu treten?
nahme zu animieren. Basierend auf Ihren • Wollen Sie die Anzahl an unnötigen
Zielen können Sie viel einfacher bestimmen, Serviceanfragen reduzieren?
welche Inhalte Sie auf Ihrer Website brauchen. • Wollen Sie, dass Kunden direkte
Desweiteren ergeben sich daraus auch Kon- Kaufabschlüsse über Ihre Website ma-
chen?
sequenzen, die beim Layout, Design und der
Funktionalität zu berücksichtigen sind.
Website-Ziele und die Planung
Mit einer klaren Zieldefinition haben Sie auch Ihrer Website
die Möglichkeit, den Erfolg Ihrer Website, z.B. Machen Sie sich zunächst Ihre über-
mit Google Analytics & Co., zu messen. Da- geordneten Hauptziele für die Website
mit haben Sie einen Hebel, um in bestimmten bewusst. Später definieren Sie Unterziele für
Bereichen nachzujustieren und zu optimieren. die einzelnen Seiten der Website. Dazu unter
Schritt 4 „Planen Sie Ihren Erfolg” mehr.
Überlegen Sie, wie Sie die Zielerreichung
SMART (Specific, Measurable, Achievable, NEHMEN SIE IHREN BESUCHER AUF EINE
Reasonable, Time Bound) gestalten. Ein sol-
ches Ziel wäre z.B.: REISE, DIE IHN BEWUSST FÜHRT UND ZU
EINER GEWÜNSCHTEN HANDLUNG MOTI-
VIERT.
Gewinnung von zusätzlich monatlich 5 %
E-Mail-Abonnenten gegenüber dem glei-
chen Monat des Vorjahres mittels einer
Jede Interaktion, die Ihr Besucher mit Ihrer
speziell konstruierten Landpage.
Website hat, sollte ihn ein Stück näher zu dem
bringen, was Sie mit der jeweiligen Seite als
Berücksichtigen Sie neben vertrieblichen und
ideales Ergebnis geplant haben, z.B. das Bu-
marketingseitigen Zielen auch serviceseitige
chen eines Beratungsgesprächs.
Ziele.
Leitfaden Webauftritt | 5
Ihre Ziele sowie Umsetzungsmaßnahmen
Was sind Ihre drei wichtigsten übergeordneten Ziele für
Ihre Website?
Ihre Aufgaben
Achtung:
Dienen Ihre Ziel Ihren übergeordneten Geschäftszielen? Falls nein, sollten Sie
Ihre Ziele nochmals überdenken und gegebenenfalls anpassen. Das gleiche gilt
bei Zielkonflikten. Denken Sie daran, Ihre Ziele möglichst SMART zu formulieren.
Mit welchen Maßnahmen wollen Sie diese Ziele
erreichen?
Beispiel:
Wenn Sie mehr qualifizierte Interessenten gewinnen wollen, können Sie dies auf
Ihrer Website über wirkungsvolle Webinhalte, wie Texte, Bilder, White Papers, Vi-
deos und über Content-Marketing-Maßnahmen wie Bloggen, Verkaufsmagneten
in Verbindung mit E-Mail-Marketing etc. bewerkstelligen. Was haben Sie konkret
vor? Wollen Sie sich regelmäßig Zeit für bestimmte Maßnahmen nehmen oder
nur sporadisch? Seien Sie realistisch, was für Sie machbar ist.Zielkundengerecht konzipieren Ihre Wunsch- kunden im Fokus
Schritt 2
ZI ELKUNDENGERECHT KO NZI PI EREN
Ihre Wunschkunden im Fokus
Ihr Webauftritt muss Ihre Was beinahe ein wenig mystisch daher
Wunschkunden ansprechen kommt, bringt einen sehr praktischen Nutzen.
Dank Personas können Sie sich viel besser in
Das klingt wie eine Binsenweisheit. Aber wie
das Denken und Fühlen Ihres oder Ihrer
konkret sind Ihre Vorstellungen von Ihrem
Wunschkunden versetzen. Ihr gesamter Web-
Wunsch- bzw. Zielkunden? Gerade Unterneh-
auftritt kann darauf abgestellt werden - die In-
men in der Gründungsphase haben hier
halte, das Design, die Kundenansprache.
zwangsläufig oft nur eine sehr vage Vorstel-
Einfach alles.
lung. Und selbst gestandene Unternehmen
haben mitunter Nachholbedarf. Je konkreter
Sie Ihren Zielkunden definieren können, desto
besser. Denn mit Ihrem Webaufritt müssen Sie
seine mit seinem Webbesuch verbundenen
Erwartungen erfüllen oder besser noch über-
treffen. Definieren Sie Ihren Zielkunden:
• Wie alt ist er?
• Welches Geschlecht hat er?
• Wieviel Einkommen hat er zur Verfü-
gung?
• Was tut er beruflich und ggf. privat.
• Was treibt ihn an?
• Warum hat er Interesse an Ihrem An-
gebot? Welche Motive hat er?
• ...
Die Magie von Personas
Damit Ihr Wunschkunden möglichst konkret
wird, haben sich sogenannte Personas
(„Avtar”) bewährt. Wenn Sie sich die Mühe machen, Ihre
Persona möglichst lebensecht zu gestalten,
EINE PERSONA STELLT EINE FIKTIVE ziehen sie den meisten Nutzern daraus. Dabei
PERSON MIT BESTIMMTEN EIGEN- sind weniger demografische Daten (Alter,
Geschlecht, Wohnort etc.) entscheidend,
SCHAFTEN UND EINEM KONKRETEN sondern in erster Linie die Motive und
NUTZUNGSVERHALTEN DAR. Bedürfnisse Ihres Zielkunden.
8 | Lovely WebdesignPersonas als personi zierte Zielkunden
Definieren Sie Ihre Persona(s)
Nachfolgend finden Sie ein paar Anregungen. Passen Sie diese auf Ih-
re Verhältnisse an, selbstverständlich auch, was das Geschlecht an-
geht. Wenn Sie mehrere Personas brauchen, erstellen Sie für jede
Persona ein eigenes Blatt. Übertreiben Sie es nicht. Fünf sind viel.
Fiktiver Name, Alter, Geschlecht
Ihre Aufgaben
Beschäftigung und Einkommen
Wo lebt er? Mit wem?
Welche Motive hat er, um Ihre Website zu besuchen?
Welche Blogs, Magazine, YouTube-Channels, Podcasts mag er?
An welchen Konferenzen und Events nimmt er teil?
Welche Social Media-Kanäle nutzt er?
Was gefällt ihm optisch? Welche Styles und Looks mag er?
Gibt es Influencer, die er mag?
Sonstiges?Gestalten Sie für Ihre Zielkunden
Was macht Ihr Wunschkunde auf Ihrer Website?
Versetzen Sie sich in seine Lage. Was sucht er auf Ihrer Website?
Welche Seiten und Inhalte interessieren ihn? Was hilft ihm weiter?
Wie bewegt er sich fort? Was motiviert ihn zum Wiederkommen?
Wann würde er eine Empfehlung aussprechen?
Wunschkunde (Persona 1)
Ihre Aufgaben
Wunschkunde (Persona 2)
Wunschkunde (Persona 3)Markenstil und Markendesign Der Look & Feel Ihrer Website
Schritt 3
M ARKENSTI L UND M ARKENDESI GN BESTI M M EN
Der Look & Feel Ihrer Website
Definieren Sie das Erscheinungs- Mit Ihrem vorab definierten Markenstil wird es
bild Ihnen viel leichter fallen, Ihr Markendesign zu
bestimmen. Wenn Sie mit einer Agentur oder
Sofern Sie noch kein Firmenfarben, Schriften
Designern zusammenarbeiten, haben diese
etc. definiert haben oder einen Style Guide ihr
mit Ihrem vorab definierten Stil eine klare
Eigen nennen können, ist jetzt der Zeitpunkt
Vorstellung Ihrer Präferenzen.
gekommen, sich Gedanken über den Look &
Feel Ihrer Website zu machen.
Logo
Ein Logo ist sowohl bei Print-Maßnahmen als
Ein sehr gutes Hilfsmittel dazu ist ein Mood-
auch beim Webdesign ein zentraler Aus-
board. In einem Moodboard können Sie alles
gangspunkt, wenngleich vielleicht bei einer
zusammentragen, was Ihnen stilistisch gefällt
Website nicht ganz so elementar.
und später selektiern, was zu Ihnen passt.
Ein gut gestaltetes Logo ist einfach, aber ef-
Ein Moodboard können Sie auf unterschiedli-
fektiv. Erwägen Sie bei der Erstellung alterna-
chem Wege erstellen. Sehr schnell geht es, in-
tiv einsetzbare Variationen. Für Ihren
dem Sie in Pinterest Pinwände zu Logos,
Webauftritt brauchen Sie auch ein Favicon.
Schriften, Farben, Bildern, Illustrationen, Web-
sites etc., erstellen. Sie können diese als „Pri-
Farbpalette
vat” kennzeichnen. Dann sind diese Pins nur
Ihre Farbpalette muss zu Ihrem Unternehmen
für Sie sichtbar. Wählen Sie aus, was für Ihre
hundertprozentig passen. Beachten Sie ins-
Zwecke in Frage kommt. Ein solches Pinte-
besondere auch die psychologischen Wirkung
rest-Board kann dann auch als Inspirations-
und kulturelle Bedeutung - letzteres insbeson-
quelle für Ihr Webprojekt dienen.
dere bei internationalem Geschäft.
Markenstil bestimmt das Mar- Interessante Farbkombinationen finden Sie
kendesign unter anderem hier:
Zu einem Markendesign zählen:
• design-seeds.com
• Logo • colorpalettes.net
• Farbpalette • Canva -> Color Palettes
• Font-Kombinationen • Adobe Color
• Marken-Fotografie • Color Hunt
• Illustrationen und Icons
• ColorDrop
• Muster und Texturen
12 | Lovely WebdesignSchritt 3
M ARKENSTI L UND M ARKENDESI GN BESTI M M EN - ( FO RTSETZUNG)
Typografie und Schrift-Paarungen Marken-Fotografie
Auch die Schriften sollten zu Ihrem Markenstil Gute Marken-Fotografie kann Ihre Markenni-
passen. Besonders einfach ist die Schrift- mage unterstützen oder empfindlich stören.
Paarung, wenn Sie innerhalb der gleichen Gerade bei Webauftritten ist sie enorm wich-
Schriftfamilie bleiben. Große Schriftfamilien tig, da sie wesentlich zur Stimmung beiträgt.
sind beispielsweise „Neue Helvetica” oder
„Univers”. Das kann mitunter aber auch etwas Mehr dazu finden Sie unter Ziffer 5.
langweilig wirken.
Icons und Illustrationen
Möchten Sie zwei oder gar mehrere Icons und Illustrationen fügen ein stylisches
unterschiedliche Schriften einsetzen, müssen Element und Charakter zu Ihrer Marke, pas-
die Schriften genügend Kontrast zueinander sen aber nicht überall. Wenn sie sehr bewusst
haben (z.B. Serifen-Fonts versus Nicht-Seri- eingesetzt werden, können sie jedoch das
fen-Fonts). entscheidende Quentchen sein, um einen
echten Wow-Effekt bei Ihren Kunden hervor-
Anregungen zu Google Fonts finden Sie u.a. zufen (und nicht nur bei diesen).
unter:
Ein gutes Beispiel für sehr kreativ und witzig
• FontsPairs verwendeten Illustrationen finden Sie bei der
• Canva -> Font Pairing Sir-Hotel-Gruppe.
• Google Fonts
Käufliche Illustrationen und Icons finden Sie
Kostenlose Webfonts finden Sie hier: unter anderem bei:
• Google Fonts • Envato Creative Market
• Fontsquirrel • Creative Market
• Iconfinder
Kostenpflichtige Fonts finden u.a. hier: • The Noun Project
• MyFonts Muster und Texturen
• Fonts.com Auch hier gilt, dass Muster und Texturen
• Linotype nicht für alle Unternehmen gleichermaßen ge-
eignet sind. Sie können aber Ihrer Marke zu-
sätzliche Tiefe geben.
Webfonts können unterschiedlich in Websites
eingebunden werden. Bitte beachten Sie un-
Kaufen können Sie fertige Muster und Textu-
bedingt die aktuellen datenschutzrechtlichen
ren u.a. bei Envato, Creative Market oder
Bestimmungen sowie die Lizenzbedingungen
auch bei Canva - bei Canva oft sogar kosten-
des Urhebers bzw. Vertreibers.
frei.
Leitfaden Webauftritt | 13Der Look & Feel Ihres Webauftrittes
Ihr Logo als Aushängeschild
Haben Sie bereits ein Logo? Falls ja - Haben Sie es auch in unter-
schiedlichen Variationen für verschiedene Einsatzzwecke? Bei einer
Website brauchen Sie darüber hinaus auch noch ein Favicon.
Ihre Aufgaben
Definieren Sie Ihre Schriften und Schriftkombinationen
Halten Sie die zu verwendenden Schriften und Schriftkombinationen
fest.
Halten Sie fest, wie Ihre Markenfotografie rüberkom-
men sollDer Look & Feel - Fortsetzung
Definieren Sie Ihre Farbpalette
Schreiben Sie hier Ihre ausgewählten Farbcodes fürs Web nieder, da-
mit Sie sie für Ihr Webprojekt stets zur Verfügung haben. Sie brau-
chen dazu entweder die RGB-Angaben oder die HEX-Codes.
Just Do it!
Definieren Sie, ob und wie Sie Illustrationen und Icons
einsetzen wollen
Finden Sie geeignete Ilustrationen und Icons, wenn Sie zu Ihrem Mar-
kenstil passen.
Halten Sie fest, was Ihnen sonst noch wichtig istPlanen Sie für maximalen Erfolg
Die Inhalte und
Funktionen festlegenSchritt 4
PLANEN SI E FÜR M AXI M ALEN ERFO LG
Die Inhalte und Funktionen für Ihre Website festlegen
Welche Inhalte gehören auf Ihre Ihre Website muss konvertieren
Website?
Ein übliches mit einer Unternehmens-Website
Welchen Inhalte und damit zusammenhän- verbundenes Ziel ist es, Besucher zu Interes-
gende Funktionen auf Ihre Website und deren senten (Leads) und Interessenten zu Kunden
Einzelseiten gehören, hängt von Ihren spezifi- umzuwandeln (to convert = umwandeln). Das
schen Zielen ab, die Sie übergeordnet als nennt man Neudeutsch „konvertieren”.
auch für die einzelne Seiten definieren sollten.
Bei höherwertigen Dienstleistungen geht es
Planen Sie Ihre Website vom Gro- erst einmal darum, dass die Website die rich-
ben ins Feine tigen Besucher anzieht und möglichst viele
Gehen Sie bei der Planung Ihrer Website am geeignete Interessenten für Ihr Unternehmen
besten so vor: gewinnt. Nutzen Sie hierzu Testimonials und
Referenzen von Kunden als auch Maßnahmen
1. Legen Sie Ihre übergeordneten Website- aus dem Content-Marketing, wie Bloggen
Ziele fest - siehe Schritt 1. oder die Versendung von Newslettern. In ei-
2. Legen Sie die benötigten einzelnen Sei- nem späteren Schritt gilt es dann, zumindest
ten fest Teile diese Interessenten zu Kunden um-
3. Legen Sie die Inhalte, Botschaften und zuwandeln.
Funktionalitäten der einzelnen Seiten
fest. In maximal 8 Sekunden die Auf-
merksamkeit gewinnen
Denken Sie immer an Ihre Nutzer Viel Zeit ist das wahrlich nicht. Ihre Website
Überlegen Sie sich, was für Ihre Nutzer von muss deshalb sofort Ihre Zielkunden anspre-
besonderer Bedeutung sein könnte. Wenn Sie chen und deren Neugierde wecken.
eine bereits bestehende Website haben, kön-
nen Sie dazu Nutzer direkt befragen, Sie kön- GEWINNEN SIE RASCH DIE AUFMERK-
nen Think-Aloud-Tests machen und Sie
können Ihre Erfolge mit Google Analytics
SAMKEIT IHRER WEBSITE-BESUCHER.
messen und Ableitungen machen. Dabei sollte Ihre Website so ausgestaltet sein,
dass sie Ihre Besucher lenkt und näher zu Ih-
Ein Think-Aloud-Test können Sie sehr einfach ren mit der Website definierten Zielen führt.
selbst mit ein paar Personen durchführen, in- Dies kann z.B. das Reservieren eines Bera-
dem Sie diese ein paar Seiten durchklicken tungsgesprächs sein oder auch das Abonne-
lassen und sie reden lassen. Machen Sie sich ment des Newsletters sein.
Notizen und beobachten Sie.
Leitfaden Webauftritt | 17Welche Seiten brauchen Sie?
Legen Sie fest, welche einzelnen Seiten Sie auf Ihrer
Website brauchen
Überlegen Sie, welche Seiten Sie auf Ihrer Website wirklich brau-
chen. Seien Sie sie bei der Benennung konventionell. Ihre Besucher
sind nicht da, um Ratespiele zu machen.
Home Impressum
Über uns Datenschutzerklärung
Ihre Aufgaben
Services Allgemeine Geschäfts-
bedingungen
Individuelle Serviceseiten
Portfolio
Kontakt
Blog
Ressourcen
Listen Sie hier die Seiten auf, die Sie ggf. zusätzlich
brauchenPlanen Sie jede einzelne Seite Ihrer Website
für maximalen Erfolg
Verwenden Sie dieses Blatt als Vorlage für alle Seiten, die Sie brau-
chen.
Seitenname:
Welche inhaltlichen Teile soll diese Seite aufneh-
men? Texte, Bilder, Videos? Was konkret?
Just Do it!
Welche Schlüsselbotschaft soll die Seite übermit-
teln?
Was sollen die Besucher als nächstes tun? Was ist
der Call-to-Action bei dieser Seite?Konkrete Inhalte erstellen Umgang mit Texten, Bilder, Gra ken etc.
Schritt 5
KO NKRETE I NHALTE ERSTELLEN
Umgang mit Texten, Bildern, Gra ken
Am Anfang stand das Wort Nutzer orientieren sich an Über-
Die grundsätzliche Marschrichtung haben Sie schriften
in den vorangegangenen Abschnitten Beachten Sie, dass viele Website-Besucher
bestimmt. Sie kennen Ihre Ziele, wissen, wie Seiteninhalte nur überfliegen. Sie orientieren
Sie auftreten wollen und welche Inhalte Sie sich stark an Überschriften („Headlines”) und
auf den einzelnen Seiten unterbringen wollen. Bildern. Details werden meist nur bei Bedarf
gelesen - meist erst dann, wenn der Besucher
Jetzt geht es ans Texten. Vielleicht finden Sie im weiter fortgeschrittenen Verkaufszyklus
diesen Teil furchteinflößend, weil Sie glauben, steht.
kein guter Texter zu sein. Keine Bange -
Übung macht bekanntlich den Meister. Falls VERMEIDEN SIE TEXTWÜSTEN. SORGEN
Sie wirklich ein hoffnungsloser Fall sein
sollten, holen Sie sich Hilfe bei jemanden, der SIE FÜR AUFLOCKERUNG.
dies gut kann - am Besten einen
professionellen Texter, der auch in SEO Formulieren Sie kurz und bündig. Nutzen Sie
bewandert ist. Lovely Webdesign kann Ihnen Gliederungspunkte bei längeren Texten. Set-
hier auch behilflich sein. zen Sie bewusst Bilder und Grafiken ein.
Das Zielpublikum hat Vorrang Vergessen Sie nicht die unum-
gänglichen rechtlichen Texte
Denken Sie immer an Ihr Zielpublikum. Stellen
Zu den rechtlichen Texten gehören:
Sie sich vor, Ihr Wunschkunde würde genau
jetzt Ihre Website besuchen. Was interessiert
• Datenschutzerklärung (Muss)
ihn? Worauf würde er positiv reagieren? Wie
• Impressum (Muss)
bewegt er sich fort auf Ihre Website?
• Allgemeine Geschäftsbedingungen
(bei E-Commerce-Seiten)
Von Ihrem Zielkunden ist auch abhänging, wie
jovial, seriös, förmlich etc. Sie Ihre Kun-
denansprache halten sollten. Generatoren für das Impressum und die
Datenschutzerklärung finden Sie u.a. bei:
Halten Sie die grundsätzliche Form der
Ansprache in allen Medien und Kanälen • e-Recht24.de
durch. Als grobe Faustregel gilt, dass
Blogbeiträge im Tonfall etwas lässiger Je nach Fallgestaltung sollten Sie sich recht-
ausfallen dürfen. Das gleiche gilt für Social zeitig Unterstützung durch einen versierten
Media-Beiträge. Juristen einhholen.
Leitfaden Webauftritt | 21Schritt 5
KO NKRETE I NHALTE ERSTELLEN
Fotos emotionalisieren unterschiedlicher Bildschirmgrößen (Stichwort
„Responsivenes”).
Fotos tragen wesentlich dazu bei, wie sich
Ihre Besucher auf Ihrer Website fühlen.
Im Regelfall sind Sie mit mittleren und großen
Bringen Sie Ihre Fotos im Einklang mit Ihrem
Fotos mit hoher Bildauflösung gut bedient.
gewünschten Markenstil. Eigene Fotos sind
Eine Größe von 1920 px (Breite) x 1080 px
bei hoher Qualität das Nonplus-Ultra.
(Höhe) brauchen Sie beispielsweise für ein
vollflächiges Bild auf einem größeren
Kostenfreie Fotos können Sie u.a. bei
Desktop.
folgenden Online-Bilddatenbanken erhalten:
Die Fotos können dann in entsprechenden
• Pixabay
Bildbearbeitungsprogrammen wie Photoshop
• Unsplash
oder GIMP webfähig aufbereitet werden.
Stock-Fotos erhalten Sie u.a. bei folgenden
kostenpflichtigen Bilddatenbanken:
Grafiken, Icons und Illustrationen
• Getty Images bringen zusätzlich Leben
• Istockfotos
Auch bei Grafiken, Icons und Illustrationen
• Shutterstock
müssen Sie darauf achten, dass Sie zum
gewünschten Stil passen. Berücksichtigen Sie
Laden Sie niemals Foto aus dem Internet bei der Auswahl von Icons auch deren
herunter, ohne die Bildrechte vorab genau zu Rundungen, Ecken und Strichstärken. Alles
prüfen. Machen Sie zu Ihrer Sicherheit eine muss stimmig wirken.
tabellarische Aufstellung, welche Fotos sie
wann bei welcher Bilddatenbank Genau wie bei Fotos gibt es im Internet teils
heruntergeladen haben - inklusive der etwaig kostenlose als auch kostenpflichtige Angebot-
erforderlichen Urheberrechtsangaben. Beachten Sie die Urheberrechte. Icons finden
Sie unter anderem bei folgenden Anbietern:
Erforderliche Angaben zu Urheberrechten
weichen von Bilddatenbank zu Bilddatenbank • Iconfinder
teils erheblich in den Vorgaben ab. Schauen • Noun Project
Sie sich die Allgemeinen Geschäfts-
bedingungen der Anbieter genau an, um
Besonders praktisch sind Web Icons, die bei
Abmahnungen von darauf spezialisierten An-
bestimmten Themes schon hinterlegt sind,
waltschaften vorzubeugen.
z.B. von Fontawsome.
Nutzen Sie möglichst hochauflösende Bilder. • Fontawsome
Die konkrete Größe richtet sich danach,
• Font Elegant
wieviel Raum das Foto auf der jeweiligen Seite
einnehmen soll - unter Berücksichtigung
22 | Lovely WebdesignMachen Sie Ihre Inhalte fertig
Woran Sie denken sollten
Orientieren Sie sich bei der Erstellung und dem Zusammenstellen Ih-
rer Inhalte an Ihrem in Schritt 4 erstellten Gerüst, um einerseits nichts
zu Vergessen, andererseits aber auch Ihre gesetzen Ziele zu erfüllen.
Texte für jeweilige Einzelseiten fertig
Links für jeweilige Einzelseiten fertig
Ihre Aufgaben
Downloadbare PDFs für jeweilige Einzelseiten fertig
Bilder und Grafiken für jeweilige Einzelseiten fertig
Illustrationen und Icons für jeweilige Einzelseiten fertig
Video-Links für jeweilige Einzelseiten fertig
Halten Sie fest, was Ihnen sonst noch wichtig istmail@lovely-webdesign.de | www.lovely-webdesign.de
Sie können auch lesen
