Call To Actions (kurz CTA genannt), sind mega wichtig für deine Website. Damit nimmst du deine Besucher*innen an die virtuelle Hand und zeigst ihnen genau, was sie wo finden und was sie tun können.
Ähnlich wie in einem Buchladen. Auf großen Schildern siehst du direkt, wo dein gewünschtes Genre zu finden ist.
Was im Geschäft mit Schildern gemacht wird, passiert auf deiner Website mit Buttons. Sie müssen daher nicht nur strategisch gut verteilt sein (nein, ein Button am Ende der Seite reicht nicht!). Sie müssen auch gesehen werden und zum Stil deiner Website passen.
Also lass uns direkt eintauchen in die Welt der Buttons: Was ist wichtig? Warum Design zwar toll ist, aber nicht ablenken darf? Und einen Haufen Beispiele für coole Buttons.
Wie sehen deine Buttons aus?
Deswegen sind Buttons wichtig
Website-Starter-Kit
Welche typischen Fehler machst du bei deiner ersten Website wahrscheinlich auch und welche Elemente braucht wirklich jede Website? Erfährst du alles in meinem Website-Starter-Kit.
Design ja. Ablenkung nein.
Bei der Recherche nach coolen Button-Designs ist mir vor allem eins aufgefallen: Coole Designs lenken sehr schnell ab.
Gerade bei Design-Agenturen habe ich richtig ausgefallene Buttons entdeckt. Dadurch war mein Blick zwar auf die darauf fokussiert. Aber gelesen, um was es eigentlich geht, habe ich dadurch nicht.
Hilft dir dann leider auch nicht!
Daher gilt bei Buttons:
Auffallen ja!
Alle Aufmerksamkeit auf sich lenken nein!
Meine Button-Muster
Tatsächlich braucht es oft nicht viel, um einen schönen Button passend zu deiner Website zu erstellen, der dann auch noch genug auffällt.
Ich habe mal eine Basic-Sammlung zur Inspiration angelegt. Für dich und mich: Button Beispiele.
Speicher dir die Seite einfach ab, dann kannst du immer wieder einen Blick draufwerfen, wenn es um Button-Design geht.
2 Button-Beispiele, die sehr gut funktionieren
Zwei Websites sind mir bei meiner Recherche besonders in Erinnerung geblieben.
Diese Buttons sind mega!
Die fallen durch die Farbe auf – kräftiges Lila.
Sie passen mit der runden Form hervorragend zum Design der gesamten Website.
Der kleine Schatten nach unten versetzt in der Kontrastfarbe ist einfach die Kirsche auf der Sahnehaube.
Wenn dir das auch gefällt: Go for it!
Bei Maike habe ich einen Kurs zum Thema suchmaschinenoptimiert Schreiben gemacht. Kann ich auf jeden Fall sehr empfehlen! 😉
Und sie verwendet auch ziemlich gute Buttons.
Farblich sind sie an die Farben der Website angepasst. Sie sind groß und fallen dadurch schon auf. Noch besser wird es aber, wenn du mit der Maus drüberhoverst. Dann bekommt der Button seinen Rand und sowohl Rand- als auch Schriftfarbe ändern sich und werden auffällig Neon-Gelb.
Sehr schöner Zusatz!
Hier findest du noch mehr Button-Inspiration
Dafür nutze ich gern diese Seite: https://webdeasy.de/css-buttons/
Dort sind zwar viele Buttons mit krasseren Effekten versehen, die mir oft zu viel sind. Aber ich bekomme trotzdem immer wieder Ideen, wie ich Buttons umarbeiten kann, damit sie für mich funktionieren und zum Projekt passen.
Wie sehen denn deine Buttons aus? Hinterlass mir in den Kommentaren den Link zu deiner Website, ich schaue sie mir gern an!
0 Kommentare