34 der besten Website-Designs, die Sie 2022 inspirieren werden

Ihre Website-Inspirationsreise beginnt hier.

Die Entscheidung, eine Webpräsenz zu erstellen, ist eine große Entscheidung, aber die besten Websites sind das Ergebnis vieler kleiner Entscheidungen. Aber eine wichtige Entscheidung, die Zeit, Fleiß und viel Inspiration erfordert, ist das Design Ihrer Website.

In diesem Artikel teilen wir ein paar Dutzend der besten Website-Designs, die wir gesehen haben. Klicken Sie auf die Links unten, um Website-Designs zu erkunden, die sie in den letzten Jahren zerstört haben. Wir haben auch einen Bonusbereich mit Designs, die einfach nur cool sind, hinzugefügt – also schau sie dir auch an!

Wo Sie Ihre Design-Inspiration erhalten

Wenn Sie nach Design-Inspo suchen, ist die gute Nachricht, dass Sie sie fast überall finden können.

Eine der besten Möglichkeiten, sich Inspiration für Design zu holen, ist das Reisen. Wenn Sie neue Orte besuchen, sind Sie gezwungen, Ihre Komfortzone zu verlassen und etwas Fremdes zu erleben.

Was Design so interessant macht, ist, dass es jeder anders sieht und es so immer mehr zu entdecken gibt.

Eine weitere Möglichkeit, Design-Inspiration im IRL zu erhalten, sind die Medien. Jeden Tag werden wir mit visuellen Inhalten überschwemmt. Wir treffen Entscheidungen darüber, was wir mögen, was wir nicht mögen, und machen unseren Tag weiter.

Aber was wäre, wenn Sie diese Interaktionen gezielter betrachten würden? Sie könnten mit wertvollen Erkenntnissen daraus hervorgehen.

Sie dürfen auch nicht vergessen, Design-Communities zu nutzen. Von Designkonferenzen bis hin zu Reddit-Foren gibt es Hunderte von Gruppen, die Inspiration und Ratschläge geben können.

Nachdem wir nun einige IRL-Design-Inspirationsquellen behandelt haben, lassen Sie uns die digitalen behandeln.

Inspirationsquellen für das Website-Design

1. Asset Marketplace von HubSpot

Der Asset Marketplace von HubSpot enthält Hunderte von Website-Vorlagen, die Sie durchsuchen können, um sich für Ihre eigene Website inspirieren zu lassen.

Das Beste am Marktplatz ist, dass Sie nach Branche und Funktion eingrenzen können, sodass Sie die relevantesten Vorlagen sehen können.

Sobald Sie eine Vorlage gefunden haben, die Ihnen gefällt, können Sie eine Live-Vorschau der Website anzeigen, um ein vollständiges Erlebnis zu erhalten, und sie dann herunterladen, wenn Sie sich entscheiden, sie zu verwenden.

2. Dribbeln

Bei Dribble lassen sich Designer inspirieren und teilen ihre Arbeit. Die Website bietet alles von Animation und Branding bis hin zu Illustration und Mobile.

Bildquelle

Sobald Sie auf der Homepage zur Registerkarte „Webdesign“ navigieren, können Sie die Ergebnisse nach Farbschema, Bearbeitungssoftware, Zeitrahmen und Tags filtern.

Wenn Sie außerdem einen Designer finden, dessen Arbeit Ihnen gefällt, können Sie das Design für zukünftige Referenz speichern und seine Arbeit verfolgen, um andere Designs in seinem Profil zu sehen.

Dies ist eine unglaubliche Ressource, die Sie verwenden können, egal ob Sie bei Null anfangen oder bereits einen soliden Plan im Kopf haben.

3. Behance

Dies ist eine weitere digitale Plattform voller kreativer Inspiration, die Sie im Vorfeld Ihres Website-Designprojekts nutzen können.

Bildquelle

Eine der besten Funktionen auf dieser Website ist die Möglichkeit, nach Standort zu filtern. Auf diese Weise können Sie sehen, wie sich Designer in verschiedenen Regionen in Technik und Stil unterscheiden.

Dies kann besonders hilfreich sein, wenn Sie eine Website für einen fremden, unbekannten Markt entwerfen. Sie können interessante Erkenntnisse gewinnen, indem Sie die Entscheidungen der Behance-Designer auswerten.

4. Pttrns

Möchten Sie sich auf mobiles Webdesign konzentrieren? Pttrns ist der richtige Ort.

Diese abonnementbasierte Plattform ermöglicht Ihnen den Zugriff auf Tausende von Designvorlagen für Mobilgeräte und lässt sich von Top-Designern auf der ganzen Welt beraten.

Bildquelle

Zu den weiteren Funktionen dieser Plattform gehören:

• Ein Favoriten- und Sammlungsordner zum Speichern Ihrer Lieblingsdesigns.
• Ein Studio, um mit anderen Designern zu interagieren und sich beraten zu lassen.
• Ein Designleitfaden zum Verständnis der Strategie hinter den Designs.

Von bekannten Konzernen über kleine Unternehmen bis hin zu internationalen Organisationen bringen die folgenden Websites den Status quo im Web voran. Ob es sich um die Designästhetik, die Benutzerfreundlichkeit, die Interaktivität, das Sounddesign oder den Wert handelt, den die Website bietet, jede ist ein Meisterwerk in ihrer jeweiligen Branche und etwas, das man anstreben kann.

Es überrascht nicht, dass es viele Organisationen gibt, die diese Websites und die Beiträge, die sie zum Internet leisten, hervorheben. Um dabei zu helfen, einige der inspirierendsten Designs hervorzuheben, habe ich mehrere Preisträger versammelt, die ihren Weg durch mehrere wichtige Preisorganisationen gefunden haben – darunter Red Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, Best Website Gallery und FWA.

Wenn Sie durch die Liste blättern, sollten Sie wissen, dass jede Website auf ihre eigene Weise herausragend ist und einen einzigartigen Zweck erfüllen möchte. Während eine Website ein hervorragendes Beispiel für visuelles Design sein kann, kann eine andere ein hervorragendes Beispiel für Interaktivität sein.

Das bedeutet, dass nicht alle diese Websites „Konvertierungsmaschinen“ oder Blaupausen-Ideen sind, die Sie einfach auf Ihre Website kopieren können. Vielmehr sind sie eine großartige Möglichkeit, sich Inspiration für das Website-Design zu holen und das innovative Marketing zu sehen, das in den verschiedenen Ecken des Webs passiert.

Denken Sie daran, dass Webdesigns fließend sind und sich häufig ändern. Einige der Designs in dieser Liste haben sich seit ihrer Vergabe geändert, aber wir tun unser Bestes, um sie auf dem neuesten Stand zu halten. Wir sind zuversichtlich, dass Sie hier ein Design finden werden, das Ihre Kreativität anregt.

Weiterlesen: 77 Beispiele für unglaubliches Website-Design

Laden Sie diesen kostenlosen Leitfaden herunter , um noch mehr Beispiele für Website-Blogs, Homepages und Zielseiten-Designs zu sehen.

Schöne preisgekrönte Websites

Die besten Website-Designs von 2021

IBMs The Harmonic State

Auszeichnung: Website des Monats (Juli 2021), Awwwards

Wenn Sie auf dieser IBM-Webseite landen, ist klar, warum das Design einen Preis gewonnen hat.

Bildquelle

Der beste Weg, die Website zu beschreiben, ist ein immersives Erlebnis. Tatsächlich verwendet IBM sowohl visuelle als auch auditive Elemente, um den Besucher anzuziehen und ihn zu beschäftigen.

Wenn Sie zum ersten Mal auf der Webseite landen, werden Sie aufgefordert, Kopfhörer aufzusetzen, um das volle Erlebnis zu erhalten. Auch wenn Sie diesen Schritt überspringen, werden Sie von dem interaktiven Hintergrund angezogen, der reagiert, wenn Ihre Maus auf der Seite navigiert.

Darüber hinaus ist die Seite gut ausbalanciert mit einem großen Titel, der Ihre Aufmerksamkeit auf sich zieht, gegenüber einer kleinen Beschreibung mit einem fetten blauen CTA.

Bei einem so komplexen Thema wie KI verwendet IBM dann visuelles Storytelling, um zu erklären, wie sein Watson-Tool in der realen Welt funktioniert. Besucher können drei Geschichten durch videospielähnliche Funktionen erkunden und mehr über das Tool erfahren.

Es ist eine unterhaltsame und effektive Möglichkeit, Benutzer für ein Thema zu interessieren, das kompliziert und trocken sein kann.

Superliste

Auszeichnung: Website des Monats (April 2021), Awwwards

Superlist ist eine Produktivitäts-App, die Teams und Einzelpersonen hilft, ihre Arbeitsweise zu ändern.

Zu oft landen Sie auf einer Website und müssen herausfinden, worum es bei der Marke geht. Mit Superlist wissen Sie genau, was Sie erwartet, sobald Sie auf die Startseite gelangen.

Bildquelle

Die interaktive Startseite zeigt gängiges Arbeitszubehör wie Kopfhörer und Tastatur mit klaren, auf den Punkt gebrachten Texten.

Superlist verwendet effektiv Leerraum, um den Fokus auf seiner Kopie zu halten. Um die Navigation zu erleichtern, enthalten sie jedoch eine kleine Schaltfläche mit einem Pfeilsymbol, um anzuzeigen, dass es auf der Seite mehr zu sehen gibt, wenn Sie scrollen.

Von dort aus geht es weiter mit den lustigen Grafiken, die Sie beschäftigen, während Sie mehr über die Marke erfahren.

Hyer

Auszeichnung: Website des Monats (2022), CSS Design Awards

Möchten Sie einen starken Eindruck bei Ihren Website-Besuchern hinterlassen? Nehmen Sie eine Seite aus Hyers Buch.

Bildquelle

Diese eindrucksvolle Illustration des Flugzeugs, das sich langsam über den Bildschirm bewegt, wird die Aufmerksamkeit der Website-Besucher auf sich ziehen.

Diese Seite hat alles, was Sie für eine effektive Homepage brauchen: Ein Bild, das eine Geschichte erzählt, aber nicht zu sehr ablenkt, Verwendung von Leerraum, einfache Navigationsleiste, ein Slogan oder Slogan und ein klarer CTA.

Es ist ein klares Design, das frei von Ablenkungen ist und die Besucher einlädt, mehr über die Marke zu erfahren.

Die besten Website-Designs von 2020

Wischen Sie die Welt ab

Auszeichnung: Website des Tages (2020), Awwwards

Parallaxe, kräftige Farben und negativer Raum prägen das Design und die Erfahrung der Website von Swab the World. Die Organisation macht auf Stammzellspenden aufmerksam. Ihre Mission ist es, „sicherzustellen, dass jeder einzelne Patient seinen Partner findet. Zeitraum." Fotos von Paaren, die Liebe und Emotionen zeigen, bringen eine menschliche Komponente in einen historisch komplexen und wissenschaftlichen Prozess.

Aus technischer Sicht vermittelt das Design ein natürliches Gefühl, die Seite nach unten zu bewegen, und stellt sicher, dass die Leser jeden Textpunkt und jeden CTA auf der Startseite erreichen.

Bildquelle

Neueste Amerikaner

Auszeichnung: Lobende Erwähnung (2020), Awwwards

Eine Organisation mit einer so großen Verantwortung wie der Ehrung vergangener, gegenwärtiger und zukünftiger Migrationsidentitäten benötigt eine schöne und funktionale Website, um die Botschaft zu verbreiten. Die neuesten Amerikaner setzen sich für Erfahrungen mit Einwanderern in Städten im gesamten Bundesstaat New Jersey ein. Die Website verwendet wunderschöne Bilder von Menschen, Orten und Gegenständen, die diese Erfahrung auf eine Weise darstellen, die zusammenhängend die Homepage hinunterfließt und die Geschichte dieser Gruppe von Amerikas neuesten Bürgern erzählt.

Die Website ist sowohl optisch ansprechend als auch funktional mit einem einfachen Navigationsmenü, nach Fotos organisierten Geschichten und einer übersichtlichen Presseseite, auf der die neuesten Artikel im Mittelpunkt stehen.

Bildquelle

Spotify-Design

Auszeichnung: Lobende Erwähnung (2020), Awwwards

Spotify ist dafür bekannt, seinen fairen Anteil an erstaunlichen Leistungen zu vollbringen, und seine neueste Iteration von Spotify.Design ist nicht anders. Als Drehscheibe für alle visuellen und kreativen Dinge für Spotify gibt der Musik- und Podcast-Riese Zuhörern einen Einblick in das Wer, Was, Warum und Wie, was die App so sensationell macht.

Helle Farben, Schlagschatten und sanfte Animationen verleihen dieser Website Charakter und Tiefe. Die flachen geometrischen Designs mit abstrakten Akzenten lassen Alben und Künstler förmlich vom Bildschirm springen.

Bildquelle

Andy Warhol

Auszeichnung: Lobende Erwähnung (2020), Awwwards

Das Leben des Künstlers, Filmregisseurs und Produzenten Andy Warhol wird für immer in einer großartig gestalteten Website festgehalten, die seinen Kunststil in einem digitalen Format einfängt. Während Sie die Seite lesen, wird Ihr Cursor zu einem Scheinwerfer, der jedes Bild, über das Sie den Mauszeiger bewegen, in ein negatives Bild umwandelt oder die Farben des Textes, den Sie lesen, umkehrt.

Der große, fettgedruckte Text ist ein Statement und betont, wie wichtig der Text für das Website-Design ist. Subtile Animationen helfen, die Website zu beschleunigen und geben den Ton für jeden Abschnitt an, während Sie die Homepage durchsehen.

Bildquelle

Unternehmen für menschliche Interaktion

Auszeichnung: Corporate Website (2020), Red Dot

Um ein Video zu sehen, das direkt auf einer Website erstellt wurde, suchen Sie nicht weiter als die Human Interaction Company. Von dem Moment an, in dem Sie auf die Website klicken, ist die Erfahrung blitzschnell. Sie werden direkt in die Aktion versetzt – das Warum, Was und Wie der menschlichen Interaktion und genau, was das Team tut.

Dieser Red Dot Design Award-Gewinner möchte das Studium der menschlichen Interaktion in die breite Masse bringen und uns dabei zeigen, wie spannend es sein kann, etwas darüber zu lernen. Lassen Sie sich jedoch nicht von ihrem Auszeichnungsstatus entmutigen – keines der Fotos auf dieser Website ist mit Photoshop bearbeitet, es handelt sich also um ein praktisches Beispiel für Bauqualität mit den Ihnen zur Verfügung stehenden Ressourcen.

Bildquelle

Garoa Hautpflege

Auszeichnung: Website des Tages (2020), Awwwards

Wie verwandelt man das Gefühl von Luxus und Praktikabilität in eine Website? Garoa Skincare bietet eine Blaupause. Unabhängig davon, ob Ihr Produkt die Hälfte des Preises Ihres engsten Konkurrenten oder das Doppelte des Preises kostet, Ihre Website kann nahezu jedem Produkt, das Sie verkaufen, ein Gefühl von Extravaganz verleihen.

Hochwertige Grafiken, Schriftarten, die sich gegenseitig ergänzen, und ein Gleichgewicht zwischen negativem Raum und nützlichem Text können Ihrer Website eine schlichte Eleganz verleihen.

Bildquelle

Die besten Website-Designs von 2019

1917: In den Schützengräben

Auszeichnung: Awwwards beste Website des Tages (2019)

Diese Website, die erstellt wurde, um für den Film 1917 zu werben, ermöglicht es Ihnen, durch die Schützengräben zu gehen und die gleiche Mission zu erfüllen, die die Charaktere im Film hatten. Sie können auch ihre Karten sehen oder auf andere Tools zugreifen.

Dies ist ein großartiges Beispiel für eine Website, die über Interaktivität hinausgeht, sowie für eine Website, die ihren Inhalt und ihre vorgefertigte Handlung nutzt, um ihren Film zu vermarkten. Diese Website wurde von Awwwards als Site of the Day ausgezeichnet, was es Designern ermöglicht, großartige Websites, die sie täglich sehen, abzustimmen und zu nominieren.

Bildquelle

The Octopus: Ein Design-Blog von IDEO

Auszeichnung: Webby-Auszeichnung für Business Blog/Website 2019

IDEO, ein globales Designunternehmen, hat den Business Blog/Website 2019 Webby Award für seinen Octopus-Blog gewonnen, und das aus gutem Grund. Das Homepage-Design des Blogs ist eine elegante, schwarz-weiße Octopus-Zeichnung und verwendet Gelb, Schwarz und Weiß, um beim Scrollen ein zusammenhängendes Thema zu erstellen.

Wenn Sie den Mauszeiger über einen Blogbeitrag bewegen, wird der Titel gelb hervorgehoben. Wenn Sie den Mauszeiger über ein Bild bewegen, wird das Bild zu Ihnen gezogen – zwei kleine Funktionen, die einen großen Unterschied machen, wenn es darum geht, ein einzigartiges und ansprechendes Benutzererlebnis zu schaffen.

Bildquelle

Nomadenstamm

Auszeichnung: Nominierung zur Website des Jahres von Awwwards (2019)

Diese Site, die für die Auszeichnung Site of the Year nominiert wurde, ist eine der interessanteren Sites, die ich je gesehen habe.

Die Homepage beginnt sofort mit der Wiedergabe eines atemberaubenden Videos mit einem Mann, der durch eine Wüste geht, gefolgt von wunderschönen Landschaftsszenen und Texten wie „Haben Sie das Glück, sich Abenteurer zu nennen?“

Der Text auf der gesamten Website ist verspielt, mit farbenfrohen Pink-, Orange- und Gelbtönen, und die Homepage ist logisch gestaltet, wobei CTAs in diesem Bereich in der Verpflichtungsstufe von „Weiterlesen“ bis „Jetzt ansehen“ und schließlich „Download the App“.

Letztendlich ist die Website wunderschön mit viel Liebe zum Detail gestaltet und erzählt durchgehend eine fesselnde Geschichte.

Bildquelle

Diana Danieli

Auszeichnung: Webby 2019

Diese Webby-Gewinnerseite von 2019 zeigt Bilder von Kunst und Architektur mit entweder hohem Kontrast oder starker Belichtung. Als Website-Besucher können Sie mit der Maus klicken und ziehen, um die Fotos und Variationen zu ändern. Jedes Bild zeigt ein Werk, das den Künstler hervorhebt, dem die Website gehört.

Ein cooles Plus dieser Website ist die Integration von Audio und Musik. Wenn Sie auf bestimmte Schaltflächen im Drehbuch klicken, wird eine Klaviernote abgespielt und Sie werden wirklich in das Diana Danieli-Erlebnis eintauchen.

Bildquelle

George Nakashima Holzarbeiter

Auszeichnung: Webby 2019

Diese Holzbearbeitungs-Website betont Natur und Sorgfalt für das Holzbearbeitungshandwerk. Es ist im Wesentlichen eine Diashow mit wunderschönen Forst- und Landwirtschaftsbildern. Wenn ein neues Bild auf den Bildschirm kommt, erscheint auch ein neues Zitat, das sich auf Holz oder Bäume bezieht.

Dies ist für den Besucher unglaublich entspannend und zeigt, dass die Holzarbeiter die Schönheit der Bäume und der Umgebung erkennen. Diese Website hat 2019 auch einen Webbie gewonnen.

Bildquelle

Beste Website-Designs von 2018

crypton.trading

Auszeichnung: Site of the Day (4.3.2018), Awwwards

Treffen Sie crypton.trading, Ihren Roboter-Buchhalter.

Crypton.trading ist ein Handelszentrum für Kryptowährungen wie Bitcoin, das künstliche Intelligenz nutzt, um Wertänderungen einer Währung vorherzusagen und wichtige Kauf- und Verkaufsmöglichkeiten zu identifizieren. Die Website wurde für ihre Entwicklung und ihr Design hoch bewertet, da sie nach und nach mehr von den Methoden des Entwicklers erklärt, je weiter die Besucher nach unten scrollen.

Auf dieser preisgekrönten Website fühlen sich technisch versierte Besucher sofort wie zu Hause, sobald Cryptons Begrüßung Buchstabe für Buchstabe auf der Homepage erscheint.

Bildquelle

Südwesten: Herz des Reisens

Auszeichnung: Bestes visuelles Design – Ästhetik, 2018 Webby Awards

Als Southwest Airlines beweisen wollte, dass ihre Kunden „mehr als nur ein Dollarzeichen“ sind, erstellte das Unternehmen eine Website, auf der das Design aus den Formen der Flugrouten ihrer Kunden zusammengesetzt wurde.

Die Website mit dem Namen Heart of Travel ermöglicht es Besuchern sogar, ihre eigenen Kunstwerke aus einer Reise zu erstellen, die sie möglicherweise unternehmen möchten. Auf diese Weise ist die Website von Southwest ein Produkt ihrer treuesten Passagiere.

Bildquelle

Überlauf

Auszeichnung: Site of the Day (20.3.2018), Beste Website-Galerie

Overflow ist ein Designtool, mit dem Menschen und Unternehmen geschichtenartige Flussdiagramme ihrer Ideen erstellen können, damit sie für andere leichter verständlich sind. Abgesehen davon, dass dies nur ein guter Service ist, praktiziert die Overflow-Website, was sie predigt: Zusammen mit leuchtend roten Call-to-Action-Schaltflächen zum Herunterladen des Tools bewirbt diese Website ihr Produkt auf die beste Art und Weise, wie sie es kann – mithilfe eines Flussdiagramms.

Die Website liefert dieses Flussdiagramm in Form eines Videos. Während eingebettete Videos inmitten der anderen Designelemente einer Website ziemlich klobig aussehen können, ist Overflow perfekt platziert und genau das, was Sie sehen möchten, wenn Sie zum ersten Mal auf der Website landen.

Bildquelle

Frans-Hals-Museum

Auszeichnung: Website des Jahres (2018), Awwwards

Für ein Museum kann es schwierig sein, alle seine Kunstwerke auf einer zusammenhängenden Website zu präsentieren. Das macht die Website des Frans-Hals-Museums so beeindruckend.

Dieses in den Niederlanden ansässige Museum hat eine Website erstellt, die eine Kombination aus digitalen Designelementen und eigenen Exponaten verwendet. Diese Mischung hilft den Besuchern zu verstehen, was sie sehen werden, wann sie es sehen können und wo sie sonst einen Vorgeschmack auf das bekommen können, was dieses Museum zu bieten hat.

Bildquelle

Beste Website-Designs von 2017

Einfach Schokolade

Auszeichnung: Website des Jahres (2017), Awwwards

Wenn Sie sich diese Website nur ansehen, bekommen Sie Appetit auf Schokolade – und in gewisser Weise funktioniert die Website von Simply Chocolate so, wie sie entworfen wurde.

Diese appetitliche Website ist die des dänischen Schokoladenherstellers Simply Chocolate. Die Website verwendet eine Vielzahl von Farben (und kreative Produktnamen), um für jeden Schokoriegel zu werben. Und wenn Sie von einem Produkt zum nächsten scrollen, scheinen alle Marken konsistent zu bleiben.

Das dreidimensionale Erscheinungsbild jedes Schokoriegels gibt Ihnen das Gefühl, dass Sie ihn von Ihrem Computerbildschirm greifen können, während der CTA „Add to Box“ oben links ideal platziert ist, damit Benutzer die gewünschten Produkte auswählen können, während sie stöbern.

Bildquelle

JETZT

Auszeichnung: Bester kultureller Blog/Website, 2017 Webby Awards

NOWNESS ist vielleicht der coolste Crowdsourcing-Videoblog im Internet. Das war ein Schluck … was bedeutet das alles?

Das Crowdsourcing von NOWNESS ist Teil dessen, was es zu einem Preisträger macht. Das bedeutet, dass die meisten Inhalte von unabhängigen Kreativen stammen – eine immer beliebtere Methode für Unternehmen, Inhalte zu veröffentlichen.

NOWNESS ist auch ein Videokanal, was bedeutet, dass alle Bloginhalte im Videoformat vorliegen. Zusammen tragen diese Qualitäten dazu bei, Nowness zu einem fesselnden Zentrum für die Geschichten zu machen, die Marken überall erzählen wollen.

Bildquelle

Beste Website-Designs von 2016

Wächter des Regenwaldes

Auszeichnung: Beste Aktivismus-Website, 2016 Webby Awards

Rainforest Guardians wurde 2016 zu einer der eindringlichsten gemeinnützigen Websites. Um das Bewusstsein für die Entwaldung zu schärfen, ermöglicht die Website den Benutzern, die verschiedenen Dörfer, Eingeborenen und Wasserstraßen zu „besuchen“, aus denen der Amazonas-Regenwald besteht.

Die Website stellt die Interaktivität in den Mittelpunkt ihrer Benutzererfahrung – eine kluge Wahl, wenn es Ihr Ziel ist, Menschen dazu zu bringen, sich mit Ihrer Sache zu verbinden und sich in Freiwillige zu verwandeln.

Bildquelle

Sportbekleidung protestieren

Auszeichnung: Website des Jahres (2016), Awwwards

The Awwwards nennt Protest Sportswear ein „einkaufbares Lookbook“, und genau das ist diese Seite. Als Bekleidungsausrüster hat dieses Unternehmen die Art und Weise, wie es seine Produkte vermarktet, neu erfunden: Anstatt für Kleidungsstücke zu werben, fördert Protest Sportswear „Looks“.

Dies macht das Produkt des Unternehmens zum ansprechendsten Teil der Website selbst, indem eine Collage aus Stilen verwendet wird, um eine Homepage zu gestalten, die sich so oft ändert wie die Stile ihrer Kunden.

Bildquelle

Die Gilde der Lehrer

Auszeichnung: Beste Verbands-Website, 2016 Webby Awards

Die Teacher's Guild ist eine professionelle Gemeinschaft von Pädagogen, die sich mit einigen der kritischsten Herausforderungen in der Bildung befasst. Was diese Website preisgekrönt macht, ist, wie sie verschiedene Inhaltstypen – Programme, Lösungen, Ansätze und Kooperationen – ausbalanciert, ohne die Besucher zu überwältigen.

Die Hintergrundgrafiken sind nicht nur prominent platziert, sondern verwenden auch Leerraum, um die schriftlichen Handlungsaufforderungen in der Mitte hervorzuheben, wie im folgenden Screenshot gezeigt.

Bildquelle

Beste Website-Designs von 2015 – 2014

Jungfrau Amerika

Auszeichnung: Bedeutendste Branchenentwicklung, 2014 UX Awards

In einer Welt, in der die Websites von Fluggesellschaften bekanntermaßen mit großen Usability-Problemen gespickt sind, hat Virgin America eine der besten Websites, die Benutzerfreundlichkeit, Zugänglichkeit und responsives Design vorantreibt.

Bildquelle

Einspeisung

Auszeichnung: Site of the Day (6.6.2015), Awwwards

Feed ist nicht nur ein interessantes Konzept, sondern hat auch eine beeindruckende Ausführung, die unser Verständnis dessen, was im Web möglich ist, herausfordert. Durch eine kreative Mischung aus Animation und Video lässt die Website den Benutzer in ein fesselndes Erlebnis eintauchen.

Als atypische Website enthält sie mehrere einzigartige Usability-Elemente, darunter eine Navigation, die gleichzeitig als Scroll-Fortschrittsbalken dient.

Bildquelle

ETQ

Auszeichnung: Site of the Day (19.5.2015), Awwwards

ETQ verfolgt einen minimalistischen E-Commerce-Ansatz mit einer abgespeckten Website. Große, überzeugende Bilder ihres Produkts liegen vor einfachen, flachen Hintergründen, begleitet von starker Typografie, die den Fokus auf genau das legt, wofür der Benutzer gekommen ist: Schuhe.

Bildquelle

Mikiya Kobayashi

Auszeichnung: Site of the Day (4.7.2015), Awwwards

Mikiya ist ein Produktdesigner mit einem minimalistischen Portfolio, das seine Arbeit durch starke Fotografie und subtile Animationen präsentiert. Seine vollständige Website wurde ursprünglich auf Japanisch erstellt und dann ins Englische übersetzt, um die internationale Skalierbarkeit seines Designs zu demonstrieren.

Bildquelle

Gewebtes Magazin

Auszeichnung: Site of the Day (4.4.2015), Beste Website-Galerie

Woven ist eine Online-Publikation, die Künstler, Handwerker und Schöpfer gleichermaßen feiert. Sie bestätigen, dass Publikationen schöne, ansprechende Websites mit leicht lesbaren Inhalten haben können (und sollten). Frei von Ablenkungen wie Pop-ups und aufdringlicher Werbung dreht sich auf dieser Website alles um die Erfahrung des Inhalts selbst.

Bildquelle

JOHOs Bohne

Auszeichnung: FWA des Tages (7.8.2015), Favorite Website Awards

Die Website für JOHO's Bean bietet unglaubliche Bilder, Interaktivität, Geschichtenerzählen, visuelles Design und vor allem Tontechnik. All dies kommt zusammen, um eine fesselnde, emotionale und fesselnde Website zu schaffen, die die Geschichte der Reise einer Kaffeebohne erzählt.

Bildquelle

Welt der SWISS

Auszeichnung: Beste Benutzeroberfläche, 2015 Webby Awards

Eine andere Fluggesellschaft? Ja. SWISS Airlines hat eine unglaublich immersive Website erstellt, die die Geschichte erzählt, wie es ist, mit ihnen zu fliegen – und sie haben zu gute Arbeit geleistet, um ignoriert zu werden. Starke Grafiken und Animationen führen den Benutzer in verschiedene Bereiche der Website ein, die voller Informationen sind, die über das übliche Verkaufs- und Marketing-Pitch hinausgehen.

Bildquelle

Andere coole Website-Designs

Guillaume Tomasi

Als Fotograf in Montreal hat Guillaume Tomasi ein Portfolio aufgebaut, das wirklich geeignet ist, seine einzigartige und beeindruckende Fotografie zu beherbergen. Seinem surrealen Fotostil steht sein einfaches, flaches, leeres und minimalistisches Portfolio-Design gegenüber, das den ganzen Fokus auf die Arbeit selbst legt.

Seine einzigartige Seriennavigation gepaart mit von Kunstgalerien inspirierten Werkseinführungen und perfekten Scroll-Interaktionen ergeben ein Erlebnis, das an das einer echten Galerie erinnert.

Bildquelle

Das Viertel

Diese Branding-Agentur nimmt ihre Bildsprache ernst und das sollte sie auch – sie kümmert sich für ihre Kunden um alle Medienkanäle. Allein die Website des Distrikts ist eine Reise durch einige der schönsten Kunstwerke und Fotografien, die Sie je gesehen haben.

Diese provokativen Kacheln ändern sich schnell, wenn Sie die Website erkunden, und je verrückter sie erscheinen, desto mehr interessieren Sie sich dafür, etwas über ihre frühere Arbeit zu erfahren.

Bildquelle

Tej Chauhan

Tej Chauhan hat mit dieser faszinierenden Website impressionistische Kunstwerke in ein Geschäftsmodell verwandelt. Jedes Bild auf der Homepage dieses Produktentwicklers gleitet heraus, um das vorherige Bild zu überdecken, und bietet wenig Kontext zu dem Objekt, das Sie jetzt vor sich sehen. Aber es ist dieser Mangel an Kontext, der Sie dazu bringt, mehr zu lernen.

Außerdem deutet der Slogan „Souvenirs of The Near Future“ darauf hin, dass diese Objekte Teil ihrer Produktlinie sind – und eine Gelegenheit für Sie, diese innovativen Objekte in Ihr Leben zu bringen.

Bildquelle

Möchten Sie ein ähnliches Aussehen für Ihre Website? Sehen Sie sich die neue CMS Hub-Designsammlung auf dem Envato-Marktplatz an.

Amanda Martocchio Architektur

Ein Architekturbüro ist vielleicht nicht auf Webentwicklung spezialisiert, aber seine Website sollte dennoch sein Engagement für ein optisch ansprechendes Design unter Beweis stellen. Amanda Martocchio hat sich das mit dieser wunderschönen Website zu Herzen genommen.

Es ist kein Geheimnis, dass Amanda Martocchio Architecture seine Arbeit liebt – jedes Bild auf der Homepage seiner Website ist eine bezaubernde Aufnahme der Häuser, die das Unternehmen entwirft. Die Website beschriftet jedes Haus, durch das Sie scrollen, mit der Art des beabsichtigten Designs, zusammen mit zahlreichen Winkeln zu jedem Gebäude.

Bildquelle

Website-Design-Ideen

Nachdem Sie nun eine Reihe wunderschön gestalteter und preisgekrönter Plattformen gesehen haben, behalten Sie diese potenziellen Ideen im Hinterkopf, wenn Sie Ihre eigenen erstellen.

• Überlegen Sie, wie Sie Ihre Website interaktiv gestalten können, wie im Beispiel von 1917.
• Erstellen Sie eine Website, die das mobile Erlebnis betont, auch wenn sie auf Desktops noch eine gute UX hat.
• Erstellen Sie eine Website, die mit Fotos, Text oder Video eine Geschichte über Ihre Marke erzählt.
• Wenn Sie keine stark interaktive Website erstellen können, ziehen Sie eine Website in Betracht, die eine Diashow Ihrer Fotos präsentiert.
• Stellen Sie sicher, dass Ihre Call-to-Actions leicht zu erkennen sind und Besucher dazu anregen, Ihre Website weiter zu erkunden
• Halten Sie die Navigation sauber. Stellen Sie sicher, dass Ihre Besucher immer wissen, wie sie zur Startseite zurückkehren.
• Integrieren Sie Ihre Social-Media-Websites über Social-Embed-Buttons, damit Website-Besucher Ihnen auf Ihren verschiedenen sozialen Kanälen problemlos folgen können.
• Sorgen Sie für ein einheitliches Design Ihrer Webseiten – einschließlich Schriftart, Farben, Bilder und Botschaften.
• Testen Sie die Benutzerfreundlichkeit Ihrer Website mit einer Heatmap, die Ihnen zeigt, auf welche Webseiten Ihre Besucher am ehesten abspringen.
• Integrieren Sie einen Live-Chat oder Chatbot, um Besuchern die Möglichkeit zu geben, direkt auf Ihrer Website mit Ihnen in Kontakt zu treten, wenn sie einen Live-Chat gegenüber Telefonanrufen bevorzugen. Live-Chat kann Funktionen für Ihre Vertriebs- und Servicemitarbeiter automatisieren und ein besseres Kommunikationserlebnis für den Kunden schaffen.
• Holen Sie sich ein SSL-Zertifikat, um sicherzustellen, dass Ihre Website sicher ist. SSL ist Teil des Suchranking-Algorithmus von Google, sodass ein SSL-Zertifikat Ihnen helfen kann, in der Suche einen höheren Rang zu erreichen.

Erstellen Sie eine schöne Website für Ihr Unternehmen

Das Entwerfen einer Website kann einfach sein, sobald Sie das Erscheinungsbild im Kopf haben. Verwenden Sie diese Beispiele als Sprungbrett, um das Layout, die Farbpalette, die Bilder und Animationen auf Ihrer Website zu entwickeln.

Sobald Sie bereit sind, mit dem Programmieren oder Drag & Drop zu beginnen, haben Sie eine schöne Website, die Ihren Besuchern gefallen wird.

Anmerkung des Herausgebers: Dieser Beitrag wurde ursprünglich im Januar 2021 veröffentlicht und aus Gründen der Vollständigkeit aktualisiert.