Ein weiteres Jahr, und hier sind wir wieder. Mit unserem inzwischen traditionellen Rückblick und unserer Analyse der besten Webdesigns. Dieses Jahr kommt stark daher, denn neben unglaublichen Sites haben wir die Liste auf nicht weniger als 20 Websites erweitert. Volle Power mit den besten Webdesigns 2019–2020!
[superfeatured]7076[/superfeatured]
Für alle Neuen, die uns über Google gefunden haben: Ihr solltet euch längst in unsere E-Mail-Liste eingetragen haben, über die wir die neuesten Design-News und superinteressante Kurse verschicken: Jetzt abonnieren
Die Punkte, die wir bei der Aufnahme einer Website in die jährliche Liste am meisten bewerten, sind folgende:
- Dass die Website originell ist oder etwas mehr oder weniger Neues beiträgt
- Dass sie sich an die neuesten Trends im Grafikdesign und Webdesign anpasst
- Dass sie Technologien der neuesten Generation nutzt
- Dass sie beeindruckt – dieses typische Gefühl beim Betreten: wow!
Kurz gesagt: Sie muss uns richtig umhauen.
WOWWW, Alter! Wir haben schon den neuen Beitrag über die besten Webdesigns 2020–2021
Wie bereits erwähnt, kommen wir dieses Jahr richtig vollgepackt. Nicht weniger als 20 ausführlich kommentierte Reviews mit extra vielen Screenshots. Ich betone noch einmal, dass die Reihenfolge des Erscheinens nichts mit der Qualität der jeweiligen Site zu tun hat. Dies ist einfach eine Zusammenstellung des Besten im Webdesign.
Na los. Fangen wir an, oder?
Ausgaben früherer Jahre
- Beste Webdesigns 2018–2019 (39.400 Besuche)
- Beste Webdesigns 2017–2018 (65.000 Besuche)
- Beste Webdesigns 2016–2017 (37.000 Besuche)
Beste Webdesigns 2019 2020
Active Theory
Die erste Referenz dieser Liste ist der Website von Active Theory gewidmet. Ein klares Beispiel für den Einsatz hochwertiger Webdesign- und Webentwicklungstechnologien.
Diese Website ist der Arbeit gewidmet, die dieses Webdesignstudio leistet. Aus diesem Grund haben sie alles in die Waagschale geworfen, um Kunden, die sie kennenlernen möchten, ihre Fähigkeiten und ihr Potenzial zu zeigen.
Wir heben den Einsatz großer Typografien hervor, die dafür sorgen, dass dieses Webdesign sofort erkennen lässt, dass es von echten Webdesign-Profis gedacht wurde. Es ist offensichtlich, dass sie alle Trends im Webdesign wie auch im Grafikdesign sehr genau berücksichtigen.
Zusätzlich zu all dem basiert das allgemeine Erscheinungsbild der Website auf einem futuristisch-dystopischen Konzept, das dem Film Blade Runner sehr ähnelt.
Mit einem einfachen Navigationsmenü auf der rechten Seitenleiste der Website können wir völlig unkompliziert durch ihre Bereiche navigieren.
Auch der Anfangseffekt beim Betreten der Home ist sehr interessant.
Andererseits simuliert der Effekt, den der Cursor beim Ziehen über den Bildschirm erzeugt, einen sehr interessanten Wassereffekt, der perfekt zur gesamten Designlinie der Website passt.
Boë Gin
Die zweite Referenz dieser Liste ist der Seite Boë Gin gewidmet, die das britische Webdesignstudio Tayburn für die Gin-Marke umgesetzt hat.
Boë Gin wollte seinen Schritt nach vorn hervorheben und sich klar von den übrigen Gin-Produkten auf dem Markt absetzen.
Dieser Gin zeichnet sich durch seine große Farbigkeit und seine fantastischen Kombinationen aus. Genau das musste im Webdesign präsent sein.
Diese Referenz haben wir ausgewählt und als eines der besten Webdesigns 2019–2020 in dieses Ranking aufgenommen, weil sie Farben und Formen hemmungslos und völlig unverkrampft einsetzt.
Darüber hinaus finden wir das Format der Website sehr interessant. Sie nutzt eine sehr aktuelle Typografie: stark und mit viel Präsenz.
Tatsächlich kann man sich schon beim ersten Blick vorstellen, dass die Website einen sehr hinduistisch-asiatischen Charakter hat, in dem alle Elemente dieser Kultur in der einen oder anderen Form präsent sind.
ddd
Die dritte Referenz dieser Liste ist dem Webdesign dieser Site gewidmet, die einem digitalen Designfestival in Mailand gewidmet ist.
Die Art, wie sie die Farbpalette zusammen mit Effekten und Übergängen nutzen, ist superinteressant.
Die Navigation dieser Website basiert auf vertikalem Scrollen. Über den Scroll können wir durch die verschiedenen Bereiche der Website navigieren. Auf diese Weise können wir über die digitalen Webdesign-Ressourcen staunen, die in diesem technologischen Wunder eingesetzt wurden.
Ich lade euch ein, sie persönlich anzusehen und mit euren eigenen Augen zu beurteilen, warum dieses Webdesign als eine der besten Websites des Jahres 2019–2020 ausgewählt wurde.
Digital conference
Auf dem vierten Platz dieser Liste, in der wir die besten Webdesigns 2019–2020 durchgehen, präsentiere ich euch dieses Juwel aus Design und Avantgarde. Das Niveau dieses Webdesigns ist so hoch, dass ich gar nicht weiß, wo ich anfangen soll.
Diese Website hat einen großen Teil der Jahrespreise abgeräumt und ist in unzähligen Listen erschienen, in denen Design und Entwicklung der besten Websites bewertet wurden. Wir selbst hatten dieses großartige Werk bereits in ein paar Artikeln unseres Blogs erwähnt.
An diesem Punkt glaube ich, dass es am besten ist, wenn ihr klickt und selbst seht, warum sie in dieser und so vielen anderen Listen steht.
Ich hebe hervor:
- Den Einsatz riesiger Typografien
- Das Menü wurde völlig avantgardistisch gestaltet und konzipiert
- Die Art, wie Informationen auf dem Bildschirm gezeigt werden
- Die User Experience kombiniert mit der Effizienz der Site
Das sind nur ein paar kleine Hinweise, die uns helfen zu verstehen, warum dieses Webdesign Teil unserer jährlichen Zusammenstellung ist und ohne Zweifel zu meinen Favoriten gehört.
Gruev
Jetzt geben wir einer Referenz Raum, die in dieser Liste steht, weil wir finden, dass sie in Sachen Usability und Nutzerführung einen sehr kreativen Touch bietet.
Diese Site ist der Arbeit gewidmet, die Vladimir Gruev, Digital Designer und Webprogrammierer, für seine Kunden erstellt. Als gute digitale Visitenkarte hat er sich eine spektakuläre Website gebaut, mit sehr aktuellem Design und einem neuen Usability-Konzept, das zeigt, wozu dieser Typ fähig ist.
Das Menü ist in vier Bereiche unterteilt, die strategisch an den Seiten jeder Richtung platziert wurden: Norden, Süden, Osten und Westen.
In der Mitte haben wir eine kurze Erklärung dessen, was uns in jedem Bereich erwartet, falls wir klicken.
Als wäre das nicht genug, kommt die größte Überraschung, wenn wir auf einen der Menüpunkte klicken. Im Inneren sehen wir, wie ihm die Kreativität aus den Ohren sprüht – ein erhabenes Stück digitaler Kommunikation.
Zögert nicht, die Website zu besuchen und euch vom Einsatz der verschiedenen Technologien und vom guten Geschmack im Webdesign begeistern zu lassen.
Granyon Party
Das Webdesign dieser Site enthält einige der wichtigsten Webdesign-Trends, die im Jahr 2020 richtig einschlagen werden.
Riesige Typografien, die sich integrieren und als weiteres Element Teil des Designs werden, werden zu einem Schlüsselaspekt der Kommunikation mit dem Nutzer.
Wenn du das Vergnügen hast, durch diese Website zu navigieren, wirst du ein Design erleben, in dem alle Elemente bis ins Detail durchdacht wurden.
Auch die Farbpalette, aus der sie besteht, ist sehr interessant. Wir haben ein wildes, dichtes Dschungelgrün, kombiniert mit einem subtilen grünlichen Weiß.
Das Navigationsformat dieser Website ist der klassische vertikale Scroll. Durch Drehen des Mausrads können wir den gesamten Inhalt der Website sehr einfach und praktisch ansehen.
Kik
Das Design dieser Website ist einem internationalen Festival für digitale Kreation und Kultur gewidmet, bei dem großer Wert auf die Beziehung zwischen künstlerischer Schöpfung und den wirtschaftlichen Auswirkungen neuer Technologien gelegt wird.
Wie es nicht anders sein könnte, hat das Webdesign in diesem Projekt große Bedeutung.
Wenn wir durch diese Website navigieren, wirkt es, als würden wir die Notizen im Skizzenbuch eines Reisenden entdecken. Der Content erscheint hier und dort scheinbar zufällig. Am Anfang wirkt es, als sei Chaos die einzige Regel dieses Designs. Wenn wir jedoch professionell hinschauen und auf Details achten, erkennen wir, dass hier alles an seinem Platz ist.
Ninja Guru
Jetzt kommen wir zu einem weiteren unserer Favoriten. Aufpassen, hier wird es richtig gut.
Die Website ist einem kreativen Kollektiv gewidmet, das auf interaktives Kunstdesign spezialisiert ist. Dieses Kollektiv arbeitet mit Künstlern, interaktiven Designern, Programmierern, Ingenieuren, Bildhauern und Kreativen im Allgemeinen zusammen.
Die Art, wie das Design angelegt wurde, ist spektakulär. Große Typografien, verzerrte Bilder und kleine Videos im GIF-Stil machen die Navigation sehr attraktiv, aktuell und wirklich avantgardistisch.
Diese Referenz enthält mehr als einen der Webtrends, die 2020 den Designverlauf prägen werden.
Die Navigation basiert, wie in den meisten Fällen, auf einem vertikalen Scroll-down, mit dem der Nutzer durch alle Bereiche der Website gehen kann.
Außerdem können wir in jedem dieser Bereiche klicken, um zu inneren Abschnitten der Website zu gelangen. Zögert nicht, durch dieses Website-Wunder zu navigieren und überall dort zu klicken, wo euch die Möglichkeit gegeben wird.
WOWWW, Alter! Wir haben schon den neuen Beitrag über die besten Webdesigns 2020–2021
Flavinsky
Einer der Gründe und Aspekte, die uns am Design dieser Website am interessantesten erschienen sind, war die Aufteilung der Informationen in verschiedene unregelmäßige Blöcke.
Wenn wir uns für die Navigation im Home-Bereich entscheiden, müssen wir das über eine Scrollbewegung auf der vertikalen Achse tun.
Auf den ersten Blick habt ihr vielleicht das Gefühl, dass dieses Webdesign nichts Besonderes hat. Wenn wir jedoch ein wenig durch die Website navigieren, erkennen wir, dass der gesamte Content exquisit angeordnet ist.
Wie bei anderen Webdesigns hat Typografie eine große Bedeutung, da sie Teil der kommenden Trends im Webdesign und Grafikdesign ist.
Der Zeiger, der uns anzeigt, wo sich unsere Maus befindet, ist personalisiert. Er erhöht nicht nur den allgemeinen kreativen Aspekt der gesamten Website, sondern dient uns auch als visuelle Führung dafür, was wir finden werden, sobald wir auf eines der Elemente klicken, auf die er uns hinweist.
Hxouse
Ohne Zweifel wird das kommende Jahr ein großartiges Jahr für Design und Entwicklung von Websites, denn der Einsatz neuer Technologien erreicht bisher nie gesehene Punkte.
In diesem Sinne ist die Website von Hxouse ein klares Beispiel dafür, wie weit wir im Design und in der Entwicklung von Websites gekommen sind. Die Kommunikation mit Nutzern hat sich in den letzten Jahren exponentiell verbessert und einen Punkt erreicht, an dem interaktives Design extrem wichtig ist, um ein Projekt zu schaffen, das es verdient, zu den besten Websites 2019–2020 zu gehören.
Die Website, die wir vor uns haben, ist eines der besten Beispiele für all das, was ich gerade erzählt habe.
Der Nutzer kann auf sehr avantgardistische Weise durch den Content der Website navigieren, wodurch die User Experience beeindruckend wird, ohne zu stören oder als schwer verständliche Extravaganz zu wirken.
Experience und Navigation gehen Hand in Hand, um eines der besten Webdesigns 2019–2020 zu schaffen.
Zögert nicht, diese Website zu besuchen und mit eigenen Augen zu sehen, wovon ich spreche.
Vlnc
Diese Website ist einem Design- und Art-Direction-Studio in Paris gewidmet, und wie ihr euch vorstellen könnt, ist seine Online-Visitenkarte ausgezeichnet. Sie sind spezialisiert auf digitale Experiences, interaktive Konzepte, Werbung und Branding-Erstellung.
Es ist üblich, solche Referenzen unter den besten Webdesigns eines jeden Jahres zu finden, da diese Studios ihre ganze Kraft darauf verwenden, ihr künstlerisches und kreatives Potenzial ohne jegliche Komplexe zu zeigen.
Wie wir bereits bei einer anderen Referenz gesehen haben, ist die Information perfekt synthetisiert, mit einem vertikalen Scroll-Navigationsstil, in dem wir alle Informationen sehr dynamisch, frisch, aktuell und avantgardistisch finden.
Und natürlich: große und farbige Typografien, mit Fett- und Kursivsetzungen. Alles bildet ein spektakuläres Ensemble, aus dem du nur schwer herauskommst, ohne Eindrücke erlebt zu haben und dich in eine richtig kraftvolle digitale Experience eingetaucht zu fühlen.
Wir sind sicher, dass dich dieses attraktive und avantgardistische Webdesign nicht gleichgültig lassen wird. Ohne Zweifel verdient es perfekt seinen Platz unter den besten Webdesigns 2019–2020.
Fleet
Wie ihr sicher wisst, setzt sich mobile Technologie in rasantem Tempo durch und übernimmt die Kontrolle über Kommunikation sowie interaktives und digitales Design. Die meisten Websites, die etwas auf sich halten, sind bereits darauf vorbereitet, dass ihre mobile Version perfekt funktioniert.
In diesem Sinne hielten wir es für wichtig, unseren kleinen Beitrag zu leisten und eines der am besten gelösten Konzepte auf Web-App-Ebene auszuwählen. Die Site von Fleet bietet ein sehr minimalistisches Design, das auf kleinstem Raum – dem Bildschirm eines Mobiltelefons – alles Notwendige zeigt. Auf diesem Bildschirm können wir verstehen, wie die betreffende App funktioniert.
Violence
Unter dem Dach sozialer Anklage entsteht diese Idee: „Violence is not my culture“.
Mit dieser tiefen Prämisse bringe ich euch dieses Webdesign. Ein Design, das 2020 zweifellos Trends setzen wird.
Wir sehen, wie es sich auf große Typografien, einen personalisierten Cursor und Bilder stützt, die sich im Glitch-Stil verzerren – ein weiterer Effekt, der 2020 im Bereich Webdesign und Webentwicklung Trend sein wird.
Außerdem bekommen wir eine angenehme Überraschung, wenn wir auf irgendeinen Bereich der Website klicken – die möchte ich euch nicht vorab verraten.
Die Navigation der Website ist natürlich vertikal scrollend. Über diese Navigation haben wir die Möglichkeit, sehr dynamisch, attraktiv und avantgardistisch auf alle Inhalte der Website zuzugreifen.
Leva
Dieses Unternehmen, das interaktive Mechatronix für die Unterhaltung der Zukunft entwickelt, hat entschieden, dass seine Website alles andere als gewöhnlich sein darf. Deshalb haben sie auf ein sehr aktuelles Webdesign gesetzt, das die Webtrends des kommenden Jahres 2020 ohne Zweifel berücksichtigt.
Wir sehen, wie die vertikale Scrollnavigation die Kontrolle über fast alle kreativen Websites übernommen hat.
Was an dieser Website jedoch am meisten auffällt, ist die Art, wie Typografien und Farbpalette kompromisslos eingesetzt werden.
Sogar die Hover-Effekte beim Überfahren einiger Typografien sind von einer beispiellosen Kühnheit. Nichts, was wir seit Jahren gesehen hätten.
Zögert nicht, diese Website zu besuchen und selbst zu prüfen, warum sie in dieser Liste der besten Webdesigns 2019–2020 steht.
Common Studio
Diese Referenz ist besonders all jenen gewidmet, die noch Zweifel haben, wie man den Inhalt einer Website gut synthetisieren kann, um ihn für jede Person in möglichst wenig Raum und Zeit zugänglich zu machen.
Das Design dieser Website besitzt keinerlei überflüssige Elemente. Es beschränkt sich einfach darauf, die Designarbeiten des konkreten Studios auf sehr visuelle Weise und mit einem abstrakten Touch zu zeigen.
Die Website nutzt WebGL-Technologien, um spektakuläre Verzerrungseffekte zu erzielen.
Francesco Michelini
Wir nähern uns den letzten Referenzen dieser Liste, in der wir durch die besten Webdesigns 2019–2020 spazieren.
Diesmal bringe ich euch ein Webdesign, das als persönliches Portfolio eines italienischen Kreativen und Entwicklers erstellt wurde. Wenn man das Design sieht, fällt das sofort auf. Wir können erkennen, dass im Design mehrere Ressourcen eingesetzt wurden, die 2020 im Design Trend sein werden. Einige andere waren es bereits 2019.
Der Einsatz extragroßer Typografien in verschiedenen Formaten sowie die Verwendung der Typografiefarbe als Haupt- und Schlüsselelement des Webdesigns.
Wir können mit der Maus durch die Website navigieren und vertikal scrollen, um den Großteil des Contents zu sehen. Wie wir bereits gesehen haben, ist dies eine der Arten, Content zu zeigen, die sich 2020 am stärksten durchsetzen wird.
Zum Schluss möchte ich auch die Art hervorheben, wie das Bild präsentiert wird. Ihr werdet sehen, dass es sich beim Scroll-down durch die Website verzerren kann und den berühmten Glitch-Effekt erzeugt.
Variable Fonts
Ich liebe diese Art von Websites. Eine Microsite, die Typografien und ihre Variationen zeigt, um uns zu erklären, wie heute Typografien in der digitalen Welt erstellt werden.
Wenn wir uns darüber hinaus auf das Webdesign konzentrieren, sehen wir, wie nach Belieben mit Typografie gespielt wurde.
Auch als Designressource wurden Informationsblöcke und Farbpalette völlig außer Kontrolle angeordnet – jedoch mit einem sehr gut durchdachten Ergebnis.
Minimalwim
Diese Website entstand als Tribut an Wim Crouwel, einen der Pioniere des deutschen Grafikdesigns im Bereich Typografie. Wim Crouwel erforschte den Prozess der Konstruktion eines vollständigen Alphabets in einem 3×3-Grid.
Das deutsche Talent in Grafikdesign und Typografiedesign ist allgemein bekannt. Deutschland hat diesen beiden Feldern und natürlich dem Design im Allgemeinen immer viel Talent beigesteuert.
Was mir an dieser Website am meisten auffällt, ist ihr Achtziger-Jahre-Look, mit einer sehr, sehr retrohaften Typografie und einer visuellen Nähe zu den ersten Computerspielen, mit denen Kinder in den 80ern zu spielen begannen.
Wir können durch die gesamte Website per vertikalem Scroll navigieren, ohne besonders genau zu wissen, was wir tun. Mit ein paar Drehungen am Mausrad kommen wir bis zum Ende der Website.
Ein perfekter Kandidat für die besten Webdesigns 2019–2020.
Rogue Studio
In der vorletzten Referenz dieser Liste finden wir dieses Meisterwerk des Webdesigns, das dem Digital Design Studio aus Brooklyn, New York, gewidmet ist: Rogue Studio.
Ohne Zweifel eine der besten Websites 2019–2020. Rogue Studio erstellt Corporate Identities und digitales Design für Gewinnerunternehmen.
Das Design besitzt eine Menge Elemente, die 2020 Webdesign-Trend sind und sein werden. Tatsächlich ist diese Referenz bereits Teil unseres Artikels, in dem wir einen Blick darauf werfen und ein wenig Licht darauf werfen, welche Webdesign-Trends 2020 kommen werden.
Redcollar
Zum Schluss, auf Platz Nummer 20, halten wir bei diesem Webdesign-Meisterwerk, das über seinen Content aufgreift, welche acht Designtrends das Jahr 2020 prägen werden.
Ich lade euch ein, einen Rundgang durch diese Website zu machen und euch von diesem Meisterwerk begeistern zu lassen, das euch sowohl durch sein Webdesign als auch durch seinen Inhalt eine gute Zeit bescheren wird.
WOWWW, Alter! Wir haben schon den neuen Beitrag über die besten Webdesigns 2020–2021
Schlussfolgerungen
Große Typografien, Übergänge, sich verzerrende Bilder… Ihr könnt sehen, dass das Webformat, wenn wir über award winning websites sprechen, seit Jahren klar auf interaktive Experience ausgerichtet ist. Canvas, WebGL, Three.js, PixiJS sind einige der Technologien, die genutzt werden, um diese immersiven Erfahrungen zu erzielen.
Ich empfehle euch, den Beitrag zu besuchen, den wir über die kommenden Webdesign-Trends 2020 erstellt haben, denn ich bin sicher, dass er für euch sehr interessant sein wird.
Wie ihr gesehen habt, haben wir dieses Jahr insgesamt 20 Websites aufgenommen, und jede davon wurde von mehr als einem visuellen Bild begleitet. Da Übergänge und Animationen von großer Bedeutung sind, haben wir außerdem Videos hinzugefügt, damit ihr seht, wie sich jede der ausgewählten Websites bewegt. Das liegt daran, dass wir jedes Jahr Tausende von Besuchen durch diese Art von Beiträgen erhalten, und wir dachten, dass euch dieser neue Ansatz gefallen wird – allen Nutzerinnen und Nutzern, die sich für dieses Thema interessieren.
Ausgaben früherer Jahre
- Beste Webdesigns 2018–2019 (39.400 Besuche)
- Beste Webdesigns 2017–2018 (65.000 Besuche)
- Beste Webdesigns 2016–2017 (37.000 Besuche)
