Inspirierende Website-Designs für 2023.
Web-Designerinnen und -Designer, Marketing-Fachleute, Geschäftsinhabende sowie Führungskräfte müssen dafür sorgen, dass Websites ein positives Kundenerlebnis bieten, das zu wiederholten Besuchen einlädt und Conversion Rates maximiert. Lasst euch von den Beispielen für herausragendes Webdesign in diesem Leitfaden inspirieren, um eure Ziele hinsichtlich Kundenerlebnis und Conversion zu erreichen.
Diese Sites wurden von professionellen Webdesign- und Entwicklungsagenturen wie Awwwards und den Webby Awards ausgezeichnet. Seht euch die Liste mit Beispielen für außergewöhnliche Webdesigns an, um herauszufinden, wie eure Site abschneidet und ob ihr Änderungen vornehmen solltet, um konkurrenzfähig zu bleiben.
In diesem Post geht es um die folgenden Themen:
- Prämierte Websites 2023
- Prämierte Websites 2022
- Weitere Website-Designs, die euch 2023 als Inspiration dienen können
Prämierte Websites 2023.
Egal, ob ihr euer erstes Webdesign-Projekt plant oder eine vorhandene Site überarbeiten wollt: Die folgenden prämierten Website-Designs liefern euch ausreichend kreative Ideen, damit ihr euer Projekt sofort starten könnt. Hier sind einige der besten Website-Designs, die Anfang des Jahres Wellen geschlagen haben.
Lacoste Heritage.
Lacoste Heritage wurde im April 2023 von Awwwards als „Site of the Day“ (SOTD) ausgezeichnet. Werft einen Blick auf diese Site, um zu sehen, warum sie den Expertinnen und Experten von Awwwards so gut gefallen hat.
Nach dem Laden der Site überwältigt Lacoste Heritage Besucherinnen und Besucher mit großen, auffälligen und ansprechenden Bildern. Die Plattform präsentiert einige der beliebtesten Produkte der Bekleidungsmarke und überzeugt durch ein nahtloses Browsing-Erlebnis.
Lacoste Heritage hat von Awwwards hohe Werte für Anwendungsfreundlichkeit und das Gesamt-Design erhalten. Wenn Benutzerinnen und Benutzer auf der Seite nach unten scrollen, sehen sie markenspezifische Bildsprache, spannende Links wie „Ein Mann voller Talente“ und kurze Textauszüge, die zu weiterer Interaktion einladen. Außerdem leitet die Site Benutzerinnen und Benutzer nicht nur auf Produktseiten weiter. Sie werden auch zu Inhalten vom Typ „Über uns“ und anderen Materialien weitergeleitet, die speziell zusammengestellt wurden, um Kaufabsichten zu erhöhen.
RCA Records.
Als zweitältestes Schallplatten-Label der Welt hat RCA Records eine lange und sagenumwobene Geschichte als Trendsetter. Mit der neuesten Überarbeitung seiner Website hat sich das Unternehmen selbst übertroffen – was Awwwards genauso sieht und der neuen Site im April 2023 darum die Auszeichnung „Site of the Day“ verliehen hat.
RCA ist mit der Website Risiken eingegangen, hat es jedoch ganz klar geschafft. Die Site ist ambitioniert, interaktiv und dynamisch. Oben auf der Homepage ist eine schnell wechselnde Bildgalerie zu sehen, in der die beliebtesten Künstlerinnen und Künstler von heute sowie die Ikonen von gestern dargestellt werden.
Auf der ganzen Seite finden Besucherinnen und Besucher Links zu Musikvideos, Artikeln und vielen anderen Inhalten, die die Interaktion fördern. Besonders auffallend ist, dass RCA Records eine clevere 404-Seite mit Beat-Sampler-Funktion implementiert hat, auf der steht: „This page doesn’t exist. Make a beat instead.“
Unseen Studio.
Unseen Studio verfügt über eines der besten Website-Designs 2023. Awwwards hat die Website des visionären Digital- und Filmstudios im Februar 2023 als „Site of the Month“ (SOTM) gewürdigt. Zwar bleibt anderen Marken dieses Jahr noch viel Zeit zur Einführung neuer Sites, doch hat Unseen Studio die Messlatte ziemlich hoch gelegt.
Beim Gestalten der Site hat sich Unseen Studio für eine Kombination aus sanften Farben und auffälligem Text entschieden, um die Aufmerksamkeit von Besucherinnen und Besuchern auf die zentralen Elemente der Site zu lenken. Wenn Benutzerinnen und Benutzer ihren Cursor über die Homepage bewegen, sorgt das für eine leichte Veränderung der Bildschirmansicht. Wird der Cursor über den Menütext gezogen, ändern die Buchstaben ihre Farbe und schimmern.
Diese komplementären Funktionen erregen sofort die Aufmerksamkeit der Benutzerinnen und Benutzer und ermöglichen beim Browsen ein interaktives und einzigartiges Erlebnis.
Sprite – „Hall of Zero Limits“.
Sprite hat das Jahr 2023 mit einem Paukenschlag begonnen und seine „Hall of Zero Limits“ eingeführt. Mit der Seite hat Sprite die erste SOTM-Auszeichnung des Jahres von Awwwards erhalten – dafür, dass Besucherinnen und Besucher einige der Köpfe hinter dem beliebten Film Black Panther: Wakanda Forever kennenlernen können.
Die „Hall of Zero Limits“ ist eine immersive, interaktive Seite, die zahlreiche dynamische Inhalte aufweist. Sobald die Seite lädt, werden Benutzerinnen und Benutzer dazu aufgefordert, die Halle zu betreten. Im Mittelpunkt der großen Halle steht ein Baum, der von digitalen Werbetafeln flankiert wird, auf denen Mitglieder des Wakanda Forever-Teams zu sehen sind.
Die auffälligen Visuals und markenspezifischen Farbschemata gehören zu den Elementen, die „Hall of Zero Limits“ bereits jetzt zu einem der besten Website-Designs des Jahres machen.
Curious & Company.
Die Liste der 2023 ausgezeichneten Unternehmen wird von Curious & Company abgerundet. Die Firma wurde von Awwwards als „Site of the Day“ prämiert.
Der Eröffnungs-Frame der Website ist eine Ode an das stets beliebte Mystery-Genre. Wenn Benutzerinnen und Benutzer mit ihrem Cursor über den Bildschirm fahren, wird ein kleiner Bereich der Hintergrundbilder angeleuchtet. Dieses Design-Element bringt Benutzerinnen und Benutzer dazu, sich die gesamte Seite anzusehen und jedes der perfekt gestalteten Details wahrzunehmen.
Wer neugierig genug ist, über die Hauptseite hinaus zu navigieren, wird von einem allsehenden Auge begrüßt, das sich in einem elliptischen Muster über den Bildschirm bewegt. Unter dem Auge befindet sich das Menü der Site mit den Registerkarten Service, About und Contact. Der Site gelingt es, die Aufmerksamkeit von Benutzerinnen und Benutzern auf die richtigen Elemente zu lenken, ihr Interesse zu wahren und zu verhindern, dass ihre Gedanken wandern.
Prämierte Website-Designs 2022.
Nachdem wir uns die spannendsten Webdesigns von 2023 angesehen haben, werfen wir nun einen Blick zurück auf die Gewinner des letzten Jahres. Hier sind einige der besten Beispiele:
Hyer.
Wenn ihr euch für eine eindrucksvolle Bildsprache interessiert, kann euch Hyer als perfekte Inspirationsquelle dienen.
Die Plattform für den Luftfahrtsektor bietet maßgeschneiderte Lösungen, die Passagiere mit geteilten Flug- und personalisierten Buchungsoptionen für Flugzeuge verbinden. Hyer hat ein transparentes Service-Modell, das ohne Schnickschnack auskommt, mit einer klaren, übersichtlichen Website kombiniert, die potenzielle Kundschaft in allen Phasen des Kaufprozesses überzeugt. Das Unternehmen wurde von den CSS Design Awards außerdem als „Website of the Month“ prämiert.
Wie alle guten Website-Designs begrüßt Hyer Benutzerinnen und Benutzer mit beeindruckender Optik: ein schlanker Privat-Jet, der sich langsam von links nach rechts über den Bildschirm bewegt, während sie sich die Site ansehen. Außerdem macht sich die Homepage negativen (d. h. weißen oder leeren) Raum zunutze, um Benutzerinnen und Benutzer visuell nicht zu überfordern.
Weiterhin verfügt die Site von Hyer über eine griffige Tagline, eine anwendungsfreundliche Navigationsleiste sowie einen sachlichen Call-to-Action (CTA). Somit ist die Website ein perfektes Beispiel für die Vorteile von Einfachheit.
FPP.
Als Nächstes finden wir auf unserer Liste mit den besten Website-Designs von 2022 FPP, ein weiteres Unternehmen, das mit einem CSS Design Award ausgezeichnet wurde.
FPP bezeichnet sich selbst als „Shopper-Marketing-Agentur“, was eine passende Beschreibung darstellt, wenn man sich die Optik der Website ansieht. Die Agentur entwirft immersive und Virtual-Reality-basierte Kauferlebnisse und Marketing-Inhalte für Einzelhändler im E-Commerce-Bereich. Sie verfügt außerdem über komplementäre Design-Services, mit denen Onlineshops der Kundschaft ein reibungsloses Kauferlebnis bieten können.
Der Hintergrund der Website ahmt einen Gang in einem Lebensmittelgeschäft nach. Anstelle von herkömmlichem Scrollen führt die Site Benutzerinnen und Benutzer herum, indem sie die Möglichkeit erhalten, den Gang „entlangzulaufen“. Beim Laufen durch das Geschäft bewegt sich der Bildschirm, um einzelne Artikel in den Regalen hervorzuheben. Dabei steht jeder Artikel für einen der Services von FPP.
Die Website weist keine auffälligen Farben oder übertriebenen Bilder auf, sondern nutzt sanfte Farbtöne, um für eine ansprechende digitale Umgebung und ein unterhaltsames Anwendererlebnis zu sorgen.
Mubasic.
Mubasic wurde von Awwwards am 10. August 2022 als „Website of the Day“ ausgezeichnet. Die Site ist überzeugend, interaktiv und ansprechend. Bei Mubasic handelt es sich um einen Musikkatalog für Kinder. Alle Aspekte der Website vermitteln Verspieltheit mit einem Touch von Zen.
Einer der wichtigsten Aspekte bei der Gestaltung von Websites ist der Tonfall. Der allgemeine Ton und das Schema eurer Site müssen eurer übergeordneten Mission und euren Werten entsprechen. Die Designerinnen und Designer der Site von Mubasic haben diese Konzepte perfekt umgesetzt. Alle Aspekte der Site fühlen sich authentisch und zugänglich an – von der Homepage bis zu den Untermenüs.
Eine der interessantesten Eigenschaften der Site ist der einzigartige Bereich mit Fragen und Antworten. Wenn ihr auf der Seite nach unten scrollt, tauchen Bilder auf, die die einzelnen Fragen und Antworten ergänzen.
Die Seite wird abgerundet durch ein neues Kundenformular und die Kontaktdaten. Diese behutsamen CTAs passen zum Vibe der restlichen Website und dienen als nahtlose Methode zur Gewinnung neuer Benutzerinnen und Benutzer.
Weitere Website-Designs, die euch 2023 als Inspiration dienen können.
Das Internet ist voll von großartigen Sitedesigns, die die Sinne betören und eine Inspiration für eure Marke darstellen können. Wenn ihr weiteren Ideen sucht, die euch dabei helfen, die innere Web-Designerin bzw. den inneren Web-Designer zu finden, dann solltet ihr euch unter anderem folgende Sites ansehen:
- Superlist
- Spotify Design
- 1917: In the Trenches
- The Octopus: A Design Blog by IDEO
- Nomadic Tribe
- Diana Danieli
- George Nakashima Woodworkers
- Frans Hals Museum
- Crypton.trading
- NOWNESS
- Simply Chocolate
- Zillow
- Rainforest Guardians
- ETQ
- Woven Magazine
- Feed
1. Superlist.
Die Produktivitäts-Mobile-App Superlist zeichnet sich nicht nur durch eine intuitive Mobile App, sondern auch durch eine prämierte Website aus. Im April 2021 hat Superlist von Awwwards die Auszeichnung „Site of the Month“ (SOTM) erhalten. Es ist zwar inzwischen etwas her, seitdem Superlist die wohlverdiente Auszeichnung bekommen hat, doch stellt die Website weiterhin eine der Sites mit dem besten Design dar.
Wenn ihr schon einmal eine Website besucht habt, auf der nicht klar war, worum es bei der Marke geht, seid ihr wahrscheinlich nicht lange auf der Site geblieben. Superlist vermittelt ganz klar, dass sich das Unternehmen auf die Optimierung der Produktivität seiner Kundschaft spezialisiert hat. Auf der interaktiven Homepage sind Kopfhörer, eine Tastatur sowie ein sachlicher Text zu sehen, in dem die Mission der Marke beschrieben wird.
Auf der Website gibt es außerdem eine kleine, leicht zu lokalisierende Schaltfläche, mit der die Leserschaft dazu aufgefordert wird, nach unten zu scrollen. Unter dem Eröffnungs-Frame können Benutzerinnen und Benutzer mehr über die Marke und die angebotenen Services erfahren.
2. Spotify Design.
Für unseren nächsten Gewinner einer Auszeichnung für das beste Website-Design gehen wir ins Jahr 2020 zurück. In dem Jahr hat Spotify Design von Awwwards eine lobende Erwähnung für seine dynamische Website erhalten.
Von oben bis unten weist Spotify Design nahtlose Animationen, Schatten und abstrakte Elemente auf, die dafür sorgen, dass Bilder dreidimensional erscheinen. Zwar hat die Plattform den Markt für Musik-Streaming bereits vor der Einführung seiner dynamischen Website dominiert, doch konnte diese Position als führender Streaming-Dienst mithilfe von Spotify Design weiter ausgebaut werden.
Im Mittelpunkt der Website steht ein leistungsfähiges Conversion-Tool. Es verfügt über alle Elemente, die die Spotify-Mobile-App so beliebt machen. Von Fragen und Antworten zum Anwendungserlebnis bis hin zu Einblicken in die Funktionen und Menüs der Mobile App hat Spotify Design alles, was ihr euch von einer großartigen Website wünscht.
3. 1917: In the Trenches.
2019 hat 1917: In the Trenches von Awwwards die Auszeichnung „Website of the Day“ erhalten. „1917: In the Trenches“, die Website, die zur Bewerbung des entsprechenden Films entwickelt wurde, erlaubt es Benutzerinnen und Benutzern, Schützengräben aus dem 1. Weltkrieg zu erforschen und den Wegen von Protagonistinnen und Protagonisten des Films zu folgen. Benutzerinnen und Benutzer können sogar auf die Werkzeuge und einige der Karten zugreifen, auf die im Film verwiesen wird.
„1917: In the Trenches“ besticht durch hohe Interaktivität und die intelligente Nutzung der bestehenden Storyline des Films. Die Bereitstellung der Site vor dem Start des mit großer Spannung erwarteten Films verursachte viel Wirbel. Obwohl der Film nicht mit bekannten Stars besetzt war, war er an den Kinokassen ein großer Erfolg.
Wenn ihr dieses prämierte Website-Design imitieren wollt, konzentriert euch darauf, eure Seiten interaktiv zu gestalten und diese Elemente in die Mission, Geschichte, Werte und Ästhetik eurer Marke einzubinden.
4. IDEO – The Octopus Design Blog.
IDEO ist ein bekanntes globales Design-Unternehmen, das besonders innovative Inhalte geschaffen hat. Zu den bemerkenswertesten Designs zählt The Octopus, das in der internen Blog-Bibliothek von IDEO bereitgestellt wurde. The Octopus bietet Besucherinnen und Benutzern Einblicke in die „Designer-Perspektive des Universums“ und zeichnet sich durch eine ausgewogene Kombination der Farben Gelb, Schwarz und Weiß aus, um eine minimalistische und gleichzeitig visuell ansprechende Seite zu ergeben.
2019 hat The Octopus von Webby eine Auszeichnung für Business-Blogs/Websites erhalten. Eines der Elemente, das Webby besonders überzeugte, war das interaktive Menü der Site.
Wenn Benutzerinnen und Benutzer den Cursor über ein bestimmtes Bild bewegen, rückt es näher an den Bildschirm heran – ein großartiger Trick zur Verbesserung der Interaktion. Titel von Blogposts werden gelb hervorgehoben, sobald Benutzerinnen und Benutzer ihren Cursor über den Inhalt bewegen. Passenderweise ist die Schwarz-Weiß-Zeichnung eines Tintenfischs der Mittelpunkt des Octopus-Designs von IDEO.
5. Nomadic Tribe.
Nomadic Tribe verknüpft Benutzerinnen und Benutzer mit Chancen zum Besuch von lebensverändernden Orten weltweit, die von indigenen Stämmen bewohnt werden. Die Website ist so einzigartig und faszinierend wie das Unternehmen und seine Mission.
Sobald sich Benutzerinnen und Benutzer auf der Homepage befinden, zielt Nomadic Tribe auf ihren Abenteuersinn ab, indem ein hochauflösendes Video abgespielt wird, in dem eine Person zu sehen ist, die eine Wüste durchquert. Im Laufe des Videos werden Betrachterinnen und Betrachtern kurze Textauszüge angezeigt, die auf ihre Emotionen und ihren Wunsch, die Welt kennenzulernen, abzielen.
Die Website von Nomadic Tribe überzeugt durch eine intelligente Nutzung von Calls-to-Action (CTAs). Site-Designerinnen und -Designer verwenden für Kundschaft gestaltete CTAs in allen Phasen des Kauftrichters. Bei Leads, die sich weiter oben im Trichter befinden, kommen sanftere CTAs wie „Mehr erfahren“ oder „Jetzt ansehen“ zum Einsatz. Benutzerinnen und Benutzer, die tiefer in die Site einsteigen, bekommen gezieltere CTAs wie „Mobile App herunterladen“ angezeigt.
6. Diana Danieli.
Diana Danieli hat 2019 einen Webby Award erhalten, vor allem für die schlanke Architektur, die kontrastreichen Bilder und das überzeugende Layout. Besucherinnen und Besucher können sich atemberaubende Fotos ansehen, Menüs öffnen und mehr über die erfolgreiche Künstlerin erfahren, die die Website verwaltet.
Die wunderschönen künstlerischen Arbeiten, die auf der Site präsentiert werden, sorgen allein schon für Inspiration und Faszination. Trotzdem entschieden sich Website-Designerinnen und -Designer dafür, die aufregenden visuellen Inhalte mit Musik und anderen Audio-Overlays weiter hervorzuheben.
Durch eine Verknüpfung faszinierender Ansichten und Klänge auf eurer Website könnt ihr die Effektivität des Designs maximieren. Wie immer müssen der Ton und Stil eurer Design-Elemente aufeinander abgestimmt sein.
7. George Nakashima Woodworkers.
Holzhandwerk ist eine Jahrhunderte alte Tradition mit einer reichhaltigen und bemerkenswerten Geschichte. Die Website von George Nakashima Woodworkers huldigt dieser Geschichte und hebt gleichzeitig natürliche Elemente wie Bäume und anderes Grün hervor.
Die grundlegende Komponente der Site ist eine Bildschirmpräsentation mit Szenen aus der Land- und Waldwirtschaft. Diese Szenen werden um Zitate ergänzt, die mit Holzhandwerk, Natur und Bäumen zusammenhängen. Die Website von George Nakashima Woodworkers wurde 2019 für ihr anwendungsfreundliches Design und das Verstehen der Zielgruppe der Marke mit einem Webby ausgezeichnet. Die Bildsprache beruhigt Besucherinnen und Besucher und macht gleichzeitig deutlich, dass Holzarbeiterinnen und -arbeiter die Schönheit der Welt um sie herum respektieren.
Von der Site von George Nakashima Woodworkers lässt sich zwar eine Menge lernen, doch besteht die wichtigste Lektion darin, dass Markenführer und Web-Designerinnen und -Designer ihre Zielgruppen gut kennen müssen. Wenn ihr genau wisst, wen ihr erreichen wollt, könnt ihr eine herausragende Website entwickeln, die Benutzerinnen und Benutzern auffällt und wertvollen Traffic zu eurer Marke leitet.
8. Frans Hals Museum.
Wie bei anderen großartigen Websites im Internet auch ist der Gewinn einer „Site of the Year“-Auszeichnung (SOTY) ein großer Erfolg, vor allem wenn der Gewinner ein Museum ist.
2018 hat Awwwards das Frans Hals Museum als SOTY-Gewinner prämiert und dabei die anwendungsfreundliche Natur der Site hervorgehoben. Designerinnen und Designer haben es geschafft, alle Kunstwerke des niederländischen Museums auf einer Website zu präsentieren, ohne dass das Ergebnis überfüllt oder schwerfällig wirkt.
Was die Site so besonders macht, ist die Tatsache, dass sie interne Ausstellungsstücke mit digitalen Design-Elementen kombiniert. Dieser hybride Ansatz bietet Besucherinnen und Besuchern eine kleine Vorschau auf das, was sie im Frank Hals Museum erwartet. Die Site vermittelt nicht nur Informationen zu den Exponaten des Museums, sondern auch über anstehende Veranstaltungen. Dadurch erhöht sich die Interaktion und lassen sich die Besucherzahlen optimieren.
9. Crypton.trading.
Im April 2018 hat Crypton.trading von Awwwards die Auszeichnung „Site of the Day“ erhalten. Crypton.trading stellt Benutzerinnen und Benutzern einen intuitiven Hub für den Handel mit beliebten Kryptowährungen wie Ethereum und Bitcoin zur Verfügung.
Die Rezensentinnen und Rezensenten von Awwwards waren besonders beeindruckt von der Entwicklung und den Design-Elementen der Site. Dazu gehörten auffällige, blockartige Buchstaben und eine klare Beschreibung dessen, was die Site tut. Von ähnlichen Hubs unterscheidet sich die Site dadurch, dass es einen ML-basierten Tradingbot für Kryptowährungen gibt, der Benutzerinnen und Benutzern dabei hilft, Transaktionen bequem abzuschließen.
Neben maschinellem Lernen nutzt Crypton.trading künstliche Intelligenz (KI), um Kauf- und Verkaufschancen für Kundschaft hervorzuheben. Dank KI und ML kann der Tradingbot Änderungen beim Wert einer Währung vorhersagen. Benutzerinnen und Benutzer können die Erkenntnisse nutzen, um Handelsgewohnheiten anzuleiten und auf Währungen zu setzen, deren Wert nach oben trendet.
10. NOWNESS.
2017 hat NOWNESS seine aufregende Website eingeführt, die gleichzeitig auch als Crowdsourcing-basierter Video-Blog dient. Wie der Name schon sagt, beziehen Crowdsourcing-basierte Video-Blogs wie NOWNESS den Großteil ihrer Inhalte von unabhängigen Gestalterinnen und Gestaltern, die einen konstanten Strom an visuell ansprechendem Filmmaterial bereitstellen.
Es handelt sich dabei um ein schlaues Design-Modell, von dem beide Parteien profitieren: Aufstrebende Vloggerinnen und Vlogger erhalten eine Heimat für ihre Videos, während NOWNESS in den Genuss kostenloser Inhalte kommt. Zu dem Zeitpunkt war das Modell von NOWNESS einzigartig, was einer der Gründe dafür war, warum es im Jahr der Einführung der Site den „Webby Award for Best Cultural Blog/Website“ erhalten hat. Seit 2017 nutzen jedoch auch viele andere Sites ähnliche Modelle für eine benutzerzentrische Content-Gestaltung.
Dennoch bleibt NOWNESS ein leuchtendes Beispiel dafür, wie Marken benutzergeneriertes Material mit Content verbinden können, um die Interaktion zu verbessern. Der Kanal zeichnet sich dadurch aus, dass er zu den Pionieren dieser neuartigen und spannenden Form von Content-Freigabe gehört.
11. Simply Chocolate.
Wenn ihr weniger Süßigkeiten essen wollt, solltet ihr euch von der Website von Simply Chocolate fernhalten. Ein paar Sekunden auf der Website des Unternehmens werden dafür sorgen, dass ihr Lust auf Schokolade bekommt. Simply Chocolate wurde 2017 wegen der kreativen Produktnamen sowie der Verwendung einer breiten Farbpalette von Awwwards zur „Site of the Year“ gekürt.
Obwohl der dänische Schokoladenhersteller verschiedene starke Farben nutzt, die die eigene Kreativität widerspiegeln, weist jede Seite ein konsistentes Branding sowie konsistente Design-Funktionen auf. Bei der Entwicklung der preisgekrönten Website ist das Team von Simply Chocolate durch den Einsatz einer dreidimensionalen Bildsprache noch einen Schritt weiter gegangen: Alle Produkte wirken so echt, dass man sie sich am liebsten vom Bildschirm direkt in den Mund schieben würde. Die real wirkenden Bilder zeichnen sich durch Schatten, kleine Risse und Falten in der Umhüllung aus.
Beim CTA hat sich Simply Chocolate für schlanke und prägnante Elemente entschieden. Preise von Produkten werden in kleinen Buchstaben direkt über dem CTA-Feld angezeigt, auf dem einfach nur „Add to Box“ steht.
12. Zillow.
Zillow ist ein bekannter digitaler Marketplace für Mietwohnungen und Immobilien in den USA, der für sein Webdesign 2016 einen Webby Award erhalten hat. Damit wurde die funktionsreiche und ultrapraktische Website des Unternehmens ausgezeichnet.
Zillow führt Benutzerinnen und Benutzer mit einer einfachen, übersichtlichen Homepage in die Marke ein. Beim Navigieren auf der Site werden Benutzerinnen und Benutzern jedoch robuste Funktionen, eine Sammlung intuitiver Tools sowie weitere Ressourcen bereitgestellt, mit denen sie ihr Traumhaus finden können.
Was Zillow besonders gut gelingt, ist die Einbindung der herkömmlichen Grid-Struktur in die eigenen Karten, ohne von den visuellen Design-Elementen abzulenken. Außerdem nutzt die Plattform reibungslose Navigations-Tools, um sicherzustellen, dass Benutzerinnen und Benutzer die Informationen, nach denen sie suchen, leicht finden können. Seit dem Start hat Zillow seine Site kontinuierlich optimiert. Wenn auch ihr die Konkurrenz hinter euch lassen wollt, sollte eure Marke ein ähnliches Maß an Fleiß und konstanter Optimierung an den Tag legen.
13. Rainforest Guardians.
2016 hat Webby Rainforest Guardians als „Best Activism Website“ ausgezeichnet. Die Plattform wurde entwickelt, um auf die voranschreitende Abholzung hinzuweisen. Dabei handelt es sich um ein globales Problem, das nicht nur bestehende Communities, sondern auch zukünftige Generationen betrifft.
Die Site schafft ein Gefühl von Dringlichkeit, indem Benutzerinnen und Benutzer Wasserwege und Dörfer im wunderschönen Regenwald des Amazonas erkunden können. Bei diesem einzigartigen Ökosystem handelt es sich um ein ursprüngliches Naturgebiet, das von ungezügelter Abholzung bedroht ist.
Wie bei vielen anderen Website-Designs auf unserer Liste ist auch bei Rainforest Guardians Interaktivität das ansprechendste Element. Verbraucherinnen und Verbraucher schätzen es, Unternehmen und Produkte mithilfe interaktiver Tools kennenzulernen und sich aktiv an der jeweiligen Marke zu beteiligen. Ihr könnt diesen Ansatz auf praktisch jeden vertikalen Markt anwenden, egal ob ihr physische Waren oder digitale Services vertreibt. Vergesst jedoch nicht, dass interaktive Funktionen keinen Ersatz für Responsivität oder guten Content darstellen.
14. ETQ.
ETQ ist ein Unternehmen mit Sitz in Amsterdam, das haltbare Sneakers und anderes Schuhwerk herstellt. Das führende Angebot ist eine Reihe von Leder-Sneakers für Herren, die minimalistische Konzepte mit Premiummaterialien kombiniert. ETQ bietet Varianten mit oder ohne Schnürsenkeln, sodass das Unternehmen eine große Zielgruppe erreichen kann.
Die Website spiegelt die Produktreihe von ETQ dadurch wider, dass sie minimalistisch, aber gleichzeitig optisch ansprechend ist. Der flache Hintergrund sorgt dafür, dass mehr Aufmerksamkeit auf die Produkte fällt. Dieser Ansatz ist brillant, da Besucherinnen und Besucher genau das erhalten, was sie sich wünschen: einen genauen Blick auf das Schuhsortiment von ETQ.
Denkt beim Gestalten eurer eigenen Site daran, dass die Produkte stets im Mittelpunkt stehen sollten. Alles andere dient dazu, die Produkte zu bewerben – darf eure Zielgruppe also weder ablenken noch überfordern.
15. Woven Magazine.
WovenMagazine wurde 2015 von Best Website Gallery als „Site of the Day“ ausgezeichnet. Das Magazin präsentiert Gestalterinnen und Gestalter, Handwerkerinnen und Handwerker sowie Künstlerinnen und Künstler auf der ganzen Welt. Der Content ist pur und künstlerisch – genau das also, was die Zielgruppe von der etablierten Online-Publikation erwartet.
Benutzerinnen und Benutzer können sich die neuesten Inhalte von Woven ansehen, ohne von lästigen Anzeigen oder Pop-up-Fenstern gestört zu werden. Bei der Site dreht sich alles darum, Benutzerinnen und Benutzern ein herausragendes Erlebnis zu bieten, sodass sie Woven abonnieren und immer wieder zur Site zurückkehren.
Wenn ihr sicherstellen wollt, dass eure Site ansprechend ist, solltet ihr vermeiden, Benutzerinnen und Benutzer mit aufdringlichen Anzeigen und Verkaufsversuchen zu bombardieren. Setzt stattdessen lieber auf einen ausgewogenen Ansatz, der CTAs dort bereitstellt, wo es angemessen ist.
16. Feed.
Feed ist eine Plattform für Eigentumsrechte an Musik, die intelligente Software sowie leistungsstarke Cyber-Sicherheitstechnologie nutzt, um das Eigentum von Benutzerinnen und Benutzern an ihren digitalen Assets zu schützen.
Zwar ist das Konzept hinter Feed einzigartig und nicht unbedingt leicht verständlich, doch gelingt es der Site, hervorragend zu vermitteln, worum es bei der Plattform geht. Sie verbindet direkten Text mit einem bewegten Hintergrund, um die Interaktion zu verbessern.
Die Site wird hinsichtlich Anwendungsfreundlichkeit, Ästhetik und Responsivität allen Anforderungen gerecht. Anbieter von Software-Lösungen sollten sich dies merken, da sie diese effektive Vorlage nutzen können, um Zielgruppen über Produkte aufzuklären und gleichzeitig fortlaufend mit ihnen zu interagieren.
Ideen für Website-Designs.
Die führenden Website-Designs im E-Commerce-Bereich decken zwar ein breites Spektrum an Nischen ab, doch setzen fast alle von ihnen auf bewährte Techniken. Wenn ihr eine optimale und ansprechende Website entwickeln wollt, solltet ihr nachziehen und folgende Design-Tipps beachten:
- Interaktive Elemente hinzufügen. Besonders erfolgreiche Websites sind intuitiv und interaktiv. Wenn ihr auf eurer Website interaktive Elemente bereitstellt (z. B. scrollende Bildschirmpräsentationen oder fesselnde Menüs), bleiben Benutzerinnen und Benutzer gebannt und verbringen mehr Zeit auf eurer Site. Gleichzeitig solltet ihr darauf achten, dass ihr eure Zielgruppe nicht überfordert, indem ihr alles interaktiv gestaltet. Konzentriert euch also lieber auf einige zentrale Elemente der Seite.
- Mobilen Erlebnissen Priorität einräumen. Im 4. Quartal 2022 erfolgten 59 % des globalen Webtraffic über Mobilgeräte. Da der Großteil der Site-Besuche über Smart-Geräte erfolgt, ist es wichtig, dass eure Site für mobile Kanäle optimiert ist. Wenn ihr mobilen Erlebnissen Priorität einräumt, könnt ihr mehr Verbraucherinnen und Verbraucher erreichen und Probleme beim Navigieren auf eurer Site reduzieren.
- Fotos verwenden. Ein Bild ist so viel wert wie tausend Worte – und zum Teil noch mehr. Wenn ihr eurer Website Bilder hinzufügt, könnt ihr Textblöcke auflockern, das Interesse von Benutzerinnen und Benutzern wahren und Bounce-Raten verringern.
- Auf CTAs achten. Calls-to-Action (CTAs) liefern eurer Kundschaft klare Anweisungen dazu, was sie als Nächstes tun sollte, egal ob es um einen Kauf, die Planung einer Produktdemo oder das Ausfüllen eines Kontaktformulars geht. CTAs sind zwar integraler Bestandteil einer guten Website, doch solltet ihr sie strategisch einsetzen. Direkte CTAs eignen sich für Landing- und Service-Seiten, während subtilere CTAs besser zu Blogs und informativem Content passen.
- Einfache Navigation. Sorgt dafür, dass Kundinnen und Kunden sich auf eurer Website leicht zurechtfinden können. Das beinhaltet die Implementierung auffälliger Menüschaltflächen, gut lesbarer Texte und eines intuitiven Layouts. Macht es Besucherinnen und Besuchern leicht, mit dem großartigen Content zu interagieren, den ihr auf der Site veröffentlicht.
- Integration mit Social Media. Omni-Channel-Marketing besteht aus der Pflege von Leads, indem ihr mit Kundschaft an verschiedenen Touchpoints interagiert (einschließlich eurer Site, bezahlter Anzeigen, Social Media und mehr). Wenn ihr Omni-Channel-Marketing zum Teil eures Angebots machen wollt, integriert die Website mit euren Social-Media-Kanälen, damit Besucherinnen und Besucher euren Seiten leicht folgen können.
- Konsistenz wahren. Tonfall, Stil und Elemente der Benutzeroberfläche (UI) müssen auf allen Seiten konsistent sein. Fehlende Konsistenz wird die Wertschätzung eurer Marke durch Verbraucherinnen und Verbraucher verringern und kann dazu führen, dass sie die Legitimität eurer Site in Frage stellen.
- Heatmaps zum Testen der Anwendungsfreundlichkeit verwenden. Eine Website-Heatmap dient als visuelle Darstellung des Besucherverhaltens auf eurer Site. Eine Heatmap macht deutlich, welche Abschnitte oder Elemente die meisten Klicks erhalten und am ehesten dafür sorgen, dass die Aufmerksamkeit von Benutzerinnen und Benutzern auf eurer Site bleibt. Hotspots repräsentieren eure beliebtesten Site-Elemente, während kühle Bereiche auf Elemente hinweisen, die überarbeitet werden sollten.
Wenn ihr die genannten Tipps und Techniken anwendet, könnt ihr effektive Website-Designs entwickeln, die Verbraucherinnen und Verbraucher begeistern und für maximale Interaktion sorgen.
Software, die euch dabei hilft, ein Website-Design mit hohen Conversion Rates zu erzielen.
Ein gutes Website-Design trägt dazu bei, eure Marketing-Botschaft optimal zu vermitteln, und erleichtert die Conversion von neuen und wiederkehrenden Besucherinnen und Besuchern sowie Kundinnen und Kunden. Wenn ihr sicherstellen wollt, dass ihr über ein Webdesign verfügt, das zu euren geschäftlichen Ziele passt, prüft eure aktuelle Site, um zu sehen, wie sie im Vergleich zu den Elementen abschneidet, die auf dieser Liste mit prämierten Sites aufgeführt sind.
Ihr könnt eure Commerce-Website mit einem kostenlosen Bewertungs-Tool von Adobe prüfen. Nach Abschluss der Bewertung weist euch Adobe auf Ressourcen hin, die Erkenntnisse dazu liefern, wie ihr das Erlebnis auf eurer Website optimieren könnt.
Wenn ihr bereit seid, eure Web-Präsenz spürbar zu verbessern, solltet ihr euch Adobe Experience Manager ansehen. Dabei handelt es sich um eine anpassbare Lösung, die eure Anforderungen in den Bereichen Content und Digital Asset Management abdeckt. Bringt zeitgerechte, personalisierte und Content-gesteuerte Erlebnisse mit Experience Manager schneller auf den Markt. Die Lösung verbindet Digital Asset Management mit der Leistungsfähigkeit eines Content-Management-Systems.
Seht euch das Übersichtsvideo an, um mehr über Adobe Experience Manager zu erfahren.