Worauf du achten solltest, wenn du deine Website selbst gestalten willst
Der zweite Teil der Serie Website. Im ersten Teil von letzter Woche habe ich die beiden Punkte abgehakt und deswegen können wir gleich zu Punkt 3 kommen.
Worauf du achten solltest, wenn du deine Website selbst gestalten willst. 👇
Die ersten Steps bevor du loslegst, sind fundamental
Die meisten fangen mit dem Design an. Also direkt am Tool des Website Builders. Dabei ist das gar nicht der erste Step.
Sondern, dass du dich fragen solltest, ob:
Dein Angebot steht. Dass du dir 100% sicher bist mit dem, was du anbieten willst.
Wer ist deine Zielgruppe? Frauen, Männer oder beide? Wer sind sie, wie alt sind sie, was ist ihr Job etc.
Welche Pain Points hat deine Zielgruppe und welche Lösungen kannst du ihnen bieten?
Wenn du dir die Fragen positiv beantworten kannst, dann ist auch der richtige Zeitpunkt loszulegen. Vorher nicht.
Bau dir einen Rahmen für die Website. Sie gibt der Sache Struktur
Und immer noch nicht ist es Zeit für das Design. Jetzt gilt es, den Rahmen zu bauen. Nimm dir einfach ein DIN A4 Blatt und einen Stift und male es dir auf. Das ist am unkompliziertesten und geht fix.
Die wichtigste Seite ist die Startseite. Denn hier navigierst du die Besucher zu den Unterseiten, wo sie verweilen dürfen. Und genau hier nutzt du die Antworten auf die Fragen (s.o.)
🟢 Kennst du die Lösungen deiner Zielgruppe, weißt du womit du sie triggern kannst, um sie auf deiner Website halten zu können.
🟢 Schau, dass du mehrere Abschnitte auf der Startseite hast und dass die Texte nicht zu lang und nicht zu kurz sind. Sie sollen die Besucher triggern und neugierig machen, so dass sie auf den CallToAction Button unter jedem Abschnitt klicken.
Bevor es zum Design geht, geht es an die Texte
Der Rahmen ist wichtig, weil du dann weißt, wie lang die Texte sein sollen und dass sie zur Struktur passen. Und vor allem, dass sie die Besucher abholen.
Das Gestalten einer Website ist wie ein Puzzle. Das eine Teil sollte mit dem anderen ineinandergreifen. Weil es sonst nicht stimmig ist.
🟢 Achte darauf, dass du auf den Unterseiten die Versprechen der Trigger von der Startseite einhältst. Damit sie bleiben und alles lesen.
Der Text, also der Inhalt, ist das allerwichtigste Puzzleteil. Ohne einen guten Text, ist deine Website wertlos.
Deswegen empfehle ich auch immer einen Copywriter oder SEO Texter zu engagieren. Sie machen jeden Tag den Job und wissen ganz genau, wo sie ansetzen müssen. Und sie haben eine externe Perspektive und sehen dich objektiv. Das ist nicht unwichtig. Denn du selbst siehst dich immer in der gleichen Situation, Position oder eben Perspektive. Eine externe professionelle Figur sieht dich mit anderen Augen.
Wichtig ist dabei, dass der oder die Texterin ein ausreifendes Briefing hat. Damit er oder sie jede wichtige Info von dir und deinem Job/Angebot bekommt.
Last but not least das Design
So und jetzt endlich darfst du dich kreativ austoben. Mit viel Grafik Gefrickel. Allerdings Achtung ☝️
Auch hier gibt es einige Regeln, damit das ganze stimmig aussieht. Und vor allem professionell.
Achte darauf, dass du:
✔️ Platz am Rand und zwischen Texten plus dem Button lässt
❎ Es gibt nichts blöderes, als wenn vieles wie gequetscht ist. Lass den Sätzen, Icons und Buttons Platz zum Atmen.
✔️ Gib dem Weissraum eine Chance
❎ Nicht jede Lücke muss du füllen, so nach dem Motto: Ach, da passt noch was hin.
✔️ Schau genau hin, dass du mit den Farben ausreichend Kontraste schaffst
❎ Auf einem hellen Hintergrund sind Pastellfarben ein NoGo. Genauso wie Gelb auf Weiss. Das sind nicht barrierefreie Farbspiele. Oder die Rot/Grün Kombi. Nutze dafür einen Kontrast Checker.
✔️ Achte auf die richtige Schriftartenwahl. Am besten zwei verschiedene für Headline und Fließtext.
❎ Die kursive Schriftart ist nicht barrierefrei, weil sie nicht atok lesbar ist. Sprich sie sollte nicht zu verschnörkelt sein, sondern eher geradlinig. Die Schriftart (Typographie im Fachjargon) ist bei dem Branding mit dabei, den du von einem/r guten GrafikdesignerIn erstellen lassen solltest.
✔️ Die Größe der Schrift ist sehr wichtig. Sie sollte nicht zu klein und auch nicht zu groß sein. Das gilt für die Headline und für den Fliesstext. Die Regel ist hier: im Desktop-Bereich zwischen 16px und 20px und auf mobilen Geräten 14px bis 16px
❎ Ist sie zu klein, müssen die Besucher die Augen kneifen und ist sie zu groß , erschlägt sie sie.
✔️ Die Akzentfarbe darf ruhig poppig und aussagekräftig sein. Wichtig: nicht zu hell, wegen des Kontrasts.
❎ Beige oder Braun sind keine so guten Akzentfarben. Auch wenn sie immer wieder bei vielen Websites auftauchen. Du kreierst mit ihnen keinen Wiedererkennungswert. Mit poppigen und kräftigen Farben schon eher.
Mein Fazit: Das Wie und Warum spielen bei der Website immer eine große Rolle, wenn du damit Erfolge erzielen willst.
Und mit meinen Tipps hier, solltest du schonmal einen guten Leitfaden für deine zukünftige Website haben.
Ach und noch etwas: Du musst hier nicht alles nach Vorschrift machen. Es gibt ja kein MUSS. Pick dir einfach das raus, was zu dir und deinem Business passt. 😁
Wenn es doch zu schwierig wird, kannst du dich gerne bei mir melden.
See you next time. Whenever I’ve something to say …
Zitronige Grüße aus Italien, Jutta 🍋
P.S. Wenn du meine Kolumne toll und wertvoll findest, dann empfehle sie gerne weiter. Ich freue mich, wenn sich Menschen dafür interessieren, was ich hier so loswerde.