Aktie Website-Designs

Kostenloses Share-Website-Design

Ein Kundenzitat, eine Leiste mit Social-Media-Icons und eine Telefonnummer zählen alle zu geteilten Inhalten, benötigen jedoch jeweils ein unterschiedliches visuelles Gewicht. Ein gutes Share-Website-Design sorgt dafür, dass Besucher die Botschaft schnell erfassen und die passende Aktion finden.

Schnelle visuelle Prüfungen

Einige wenige Prüfpunkte verraten mehr über ein Design als seine allgemeine Stimmung:

• Inhalte und Bedienelemente müssen sich optisch voneinander abheben. Ein Erfahrungsbericht in großer Schrift darf nicht wie eine Schaltfläche wirken, und ein Social-Media-Icon benötigt ausreichend Kontrast, um als anklickbar erkannt zu werden.
• Social-Media-Icons funktionieren besser, wenn sie in der Nähe von Inhalten platziert werden, die Besucher möglicherweise weiterleiten möchten. Ein Vergleich von Minimalistischen Social-Icons mit Social-Icons auf dunklem Hintergrund zeigt deutlich, wie stark eine Hintergrundfläche die Lesbarkeit einer Icon-Leiste beeinflusst.
• Ein Kontaktbereich sollte auf einen Blick erfassbar sein und neben jedem Detail eine deutliche Beschriftung aufweisen.
• Auf dem Smartphone muss die wichtigste Aktion weit oben erscheinen, bevor Fotos oder ein langes Zitat sie aus dem sichtbaren Bereich verdrängen.

Zitate im Vergleich zu Kontaktdaten

„Ihre Meinung teilen“ zentriert ein Zitat auf einer hellgrauen Karte mit kräftiger schwarzer Kontur. Ein gelbes Anführungszeichen zieht den Blick an, und die abgerundete schwarze Schaltfläche greift die Kontur auf, sodass die Aufmerksamkeit vom Text direkt zur Aktion geführt wird. „Unsere Kontaktdaten teilen“ reserviert die auffälligste Farbe für den Anruf selbst. Ein orangefarbenes Band lenkt die Besucher zu einem Telefonat, während die darunterliegenden Kontaktbezeichnungen in schlichter schwarzer Schrift auf weißem Grund gehalten sind.

In Feedback-Bereichen müssen veröffentlichte Meinungen angenehm lesbar bleiben, und die Einladung, eigene Beiträge hinzuzufügen, sollte wie eine klare Handlungsaufforderung wirken. Kompakte Elemente wie eine Icon-Leiste benötigen engere Abstände, da sie sonst isoliert im Raum wirken.

Farbpalette, Typografie und Bildsprache

Farbe entfaltet ihre stärkste Wirkung, wenn sie Informationen von Bedienelementen trennt und sekundäre Details in den Hintergrund rückt. Typografie erfüllt eine ähnliche Funktion, da ein Zitat, die Quellenangabe und eine Schaltflächenbeschriftung niemals verwechselt werden dürfen. Die Nicepage Theme-Farben wenden eine einheitliche Palette auf das gesamte Projekt an, sodass ein Bewertungsstreifen, ein Kontaktblock und eine Leiste für soziale Netzwerke auf derselben Seite harmonieren.

Ein Porträt zeigt den Lesern, wer spricht, und ein Projektfoto veranschaulicht das Ergebnis, während ein beliebiges Stockfoto den Text meist nur nach unten verschiebt. Das Bildergalerie-Element ordnet zusammengehörige Aufnahmen mit anpassbaren Abständen und Bildunterschriften an, was sich ideal für mehrere nebeneinander dargestellte Projekte eignet.

Bevor Sie sich für eines der hier vorgestellten Share-Website-Designs entscheiden, testen Sie es mit einer langen Bewertung und einer Reihe von Teilen-Links. Wenn die Bewertung gut lesbar bleibt und die Links auf dem Smartphone sofort ins Auge fallen, meistert das Design beide Seiten des Teilens von Inhalten.