128 kreative websites

4.9
(13)

Die 128 schönsten deutschen Webseiten

Die kreativsten, tollsten und schönsten deutschen Webseiten möchte ich dir in diesem Artikel zeigen. 2020 sieht fast jede Website aufgrund von Wordpress und anderen Frameworks relativ gleich aus. Die besten deuschen Webseiten sollen dich inspirieren, auch mal Webdesign Wege abseits der Layout-Trampelpfade zu gehen.

Meine Auswahl der schönsten deutschen Webseiten

Als Vollblut-Webdesigner bin ich natürlich immer neugierig auf die neusten und besten Webdesigns. Eine Anlaufstelle dafür ist Awwwards.com. Leider sind die Webdesigns manchmal ganz schön freaky – also funktionieren nicht auf allen Devices bzw. sind es meistens keine Content Seiten. Da zählt nur das Webdesign und Benutzererlebnis. Bei den üblichen Corprate Websites gilt es jedoch auch, Inhalt zu vermitteln und dieser sollte möglichst auf allen Geräten und Browser korrekt dargestellt werden. Das bedeutet jedoch nicht, dass immer der übliche Webdesign Einheitsbrei gegessen werden muss.

Meine Auswahl der besten deutschen Webseiten beinhaltet auch Corporate Websites. Also Webseiten, die Inhalte vermitteln und nicht aus rein künstlerischem Aspekt online sind. Diese Auflistung eignet sich herrvoragend als Inspirationsquelle für Webdesigner oder für Kunden, die eine Website erstellen lassen wollen und etwas Inspiration brauchen.

Was ist eine schöne Webseite?

Was bedeutet eigentlich schön? Wie definiert sich eine schöne Webseite? Schönheit liegt doch im Auge des Betrachters!? Das mag zutreffen und dennoch musste ich ein paar Kriterien für die besten deutschen Websiten festlegen. Dabei geht es bei manchen Beispiel gar nicht um das Gesamtbild der Website sondern manchmal ist es nur ein ausgefallener Slider, tolle Buttons oder besonders schöne CSS3-Animationen. Deshalb kann diese Liste auch nur von subjektiver Natur sein. Ich will hier nicht die Deutungshoheit für gutes Design im Web für mich pachten. Schau es dir an und entscheide selbst und vielleicht ist die beste deutsche Website ja ein Mix aus verschiedenen hier genannten Beispielen?

Weitere Webdesign Inspirationsquellen

Wem die über 100 Webdesign Beispiele nicht ausreichen, findet in dem Blogartikel  12 Webdesign Inspirationsquellen noch weiteres Beispielmaterial.

 

Die 128 schönsten deutschen Webseiten

 

schoene-webseiten-theater-der-jungen-welt

Detailverliebtheit – Das Theater der jungen Welt Leipzig

Eine sehr schöne Webseite eines Theaters aus Leipzig. Besonders beeindruckend sind die kleinen animierten Details. Aber auch die verschobene Typografie setzt Kontraste und macht das Layout interessant. Auf den Unterseiten gibt es zudem noch mehr tolle Sachen zu entdecken und laden den Benutzer ein, die Seite zu entdecken.

Außerhalb des Raster – Kiezbett

Diese Webseite kommt sehr übersichtlich – auch wenn das Layout aus dem Raster ausbricht. Gerade das macht die Website so interessant. Zudem sind auch Scrolleffekte eingebaut, die etwas ganz besonderes sind und schon in Richtung Scrollytelling gehen. Zudem gibt es tolle Animationen während des scrollens.

Minimalistisch aber farbenfroh – Commerzbank Business Consulting

Die Microsite der Commerzbank ist zwar auf den ersten Blick vielleicht etwas fad (andere würden sagen minimalistisch) – auf den zweiten Blick entdeckt man doch eine genau austarierte Typografie und bewusst gesetzten Weißraum. Auch die zweite Navigation (die zugegeben sehr leicht übersehen werden kann) ist eine interessante Unterteilungsmöglichkeit vom Inhalt.

Der schönste Header – Die UmweltBank

Der Award für den schönsten Header geht an die UmweltBank. Hier siehst du eine tolle Kombination von grafischen Elementen, Headline und emotionalen Bild. Zudem finde ich den Font (Intelo) wirklich sehr schön. Ansonsten gibt es auf der Website gar nicht soviel zu entdecken.

Schön illustrativ – Schenkzeit

Mit einer tollen Illustration und interaktiven Elementen weiß diese Website zu überzeugen. Dabei lockert der illustrative Stil und das Raster die Inhalte auf. Auch der Footer dieser Website ist schön gestaltet und macht Laune.

Ungewöhnliche Details – Viessmann

Das Thema Heizung ist natürlich weder spannend noch besonders ästhetisch. Dennoch enthält die Website von Viessmann viele tolle Details die den Besucher faszinieren. Zum einen der Slider auf der Startseite – keine 0815 Lösung. So etwas habe ich noch nie auf einer anderen Website gesehen. Zum anderen ist auch die Typografie sehr schön. Die Farbgestaltung mit dem orange ist auch sehr schön minimalistisch.

Ganz schön retro – fibel

Die Künstler von Fibel sind ganz schön retro. Und genau deshalb haben Sie auch eine Retro-Website. Man muss es mögen oder nicht aber auf jeden Fall hebt sich das Webdesign von dem üblichen Web Einheitsbrei ab. Nice!

Minimalistisch mit tollen Hover Effekten – Netstream

Die Website von Netstream sieht auf den ersten Blick sehr minimalistisch aus. Dennoch lädt Sie den Benutzer dazu ein, mit der Maus die Website zu entdecken. Tolle Hover Effekte mit CSS3 Animation und Einfärbungen machen aus der Website ein echtes Erlebnis.

Tolle Fotografie Webseite – Norman Posselt

Schöne Fotografen Webseiten gibt es viele. Die von Norman Posselt ist trotzdem einzigartig. Er stellt einige Fotos direkt mit Photoshop Frame dar, um so auch Details seiner Fotografien zu zeigen. Dabei bekommt der Besucher einen Einblick hinter die Kulissen.

Typografisch sehr interessant – Thannleder

Diese Website wirkt vielleicht etwas “hipster”. Dennoch ist die Typografie und das Layout außerhalb des Rasters sehr interessant. So wird mit wenigen Elementen eine eindrucksvolle Gestaltung durch Kontraste und Widersprüche erreicht.

Sehr konsistent – Schumacher

Die Website dieser Agentur ist nicht nur vom Aufbau sehr logisch. Der Besucher wird optimal abgeholt und mit tollen großflächigen Grafiken und Animationen aufgefordert, Inhalte interaktiv zu entdecken. Hier wird gezeigt was gutes Webdesign alles kann.

Tolle Corporate Webseite – pro-beam

Diese Corporate Website ist sehr schön gestaltet. Nicht nur die Typo ist bewusst gesetzt – es gibt auch jede Menge zu entdecken. Die Gestaltung wirkt nüchterrn und dem Unternehmen angepasst. Für eine Corporate Website ganz schön stylisch!

Minimalistische Scrollefekte bewusst gesetzt – Goldkant Interior Design

Diese Website ist sehr minimalistisch gehalten. Dennoch überzeugen die fixierten Scrolleffekte in Verbindungen mit den CSS-Fade Effekten. Leicht verspielt und dennoch konsistent in der Umsetzung.

schoene-webseiten-_0002_Hammer Nagel Maniküre Pedikuere Kosmetik Nur für Maenner

Tolle Fotografien – Hammer & Nagel Männerkosmetik

Das Design von Hammer und Nagel bedient sich dem Storytelling und wird durch dunkle Fotografien unterstützt. Hierdurch wird die Zielgruppe angesprochen und eine gewisse “männliche” Ästhetik erzeugt.

DIY gepaart mit fetter Typo – Lemonaid Softdrinks

Das Webdesign hat einen schönen DIY-Charakter und bedient sich einer prägnanten Typografie. Auch die grafischen Elemente (z.B. auf der Über uns Seite) sind sehr schön gestaltet und passen sich in das Gesamtbild ein.

schoene-webseiten-_0004_Das Finanzportal für öffentliche Finanzierung in Europa CAPVERIANT

Nüchtern mit feinen Details – Capveriant

Zugegeben – manchmal braucht man auch mal eine Inspiration für “langweilige” Branchen. Die Website von Capveriant ist nüchtern und seriös gestaltet, hat aber dennoch sehr schöne kleine grafische Details. Dabei kommt die Website illustrativ rüber, aber nicht zu verspielt.

schoene-webseiten-_0005_Pontinova – Anwalts Boutique

Seriös aber dennoch hip – Pontinova Rechtsanwälte

Webdesign für Anwälte geht auch anders als verstaubt und bieder. Pontinova macht es vor! Die Kanzleiwebsite wirkt seriös aber durch das aufgebrochene Raster frisch und stylisch. Der Serifen Font holt das Ganze wieder etwas runter.

Einfach und fokussiert – Portfolio von Christian Hengst

Das Portfolio von Christian Hengst ist sehr einfach gestaltet und dennoch merkt man, dass Weißraum, Farbe und Typografie sehr bewusst gesetzt wurden. Die animierten Referenzen lockern die ansonsten statische Website auf.

Toller Scrolleffekt – Rahel and Ron Food Fotografie

Wow! Der Scrolleffekt mit Bildüberlagerung ist der Hammer. Dieser Effekt stellt sogar die solide Typografie in den Schatten. Das Zusammenspiel von Schrift und Foto ergibt ein tolles Website Layout.

schoene-webseiten-_0008_Unser Unternehmen – Unser Rind

Gewagte Typografie – Unser Rind

Man mag von der Typografie halten was man will – gewagt ist sie auf jeden Fall! Und dafür gibt eine Nennung in den schönsten deutschen Webseiten.

Seriöse Gestaltung – Crastens Immobilienberatung

Die Corporate Website zeigt, dass viel Inhalt auch schön präsentiert werden kann! Benutzerführung, grafische Gestaltung und auch das Raster sind bemerkenswert.

Content kann auch ästhetisch sein – Frauenstudiengang Maschinenbau

Webseiten mit viel Inhalt lassen sich nicht schön gestalten? Diese Content Website zeigt, dass es auch anders geht. Viele Inhalte werden luftig und clean aufgearbeitet und schaffen so eine tolle Übersichtlichkeit.

Interaktiver Film – WDR Zeitkapsel

Auch wenn dieses Projekt wirklich sehr future ist und mit einer Informationsvermittlung wenig zutun hat, ist sie trotzdem in der Liste der besten deutschen Websiten. Weil sie eindrucksvoll vermittelt was im Web alles möglich ist. Eher ein interaktiver Film als eine Website.

schoene-webseiten-_0012_ueber Uns – Atelier Disko

Prägnant und puristisch – Atelier Disko

Die Popart Illustration in Verbindung mit dem kräftigen Blau und den Retro Schwarzweiß Fotografien, schaffen eine ganz eigene Ästhetik dieser Website. Auf jeden Fall ein Blick wert und beispielsweise auch der Slider auf der Über uns Seite zeigt, dass Webdesign auch neu gedacht werden kann.

schoene-webseiten-_0013_Netzapplaus Agentur für Startup Marketing SEO Conversion

Organische Formen – Netzapplaus

Der neuste Webdesign Trend – eigenartige Farbverläufe kombiniert mit organischen Formen. Dies kann man auf dieser Website bewundern. Aber nicht nur das Design ist atemberaubend, auch die Nutzerführung und Übersichtlichkeit lässt keine Wünsche offen.

Schöner Visual Key – Hornbach Werkstück Edition

Das puristische Design dieser Webseite verrät schon die Zielgruppe: Stilbewusste Menschen. Typografie und Anordnung von Inhalten wirken sehr austariert und geben dem Inhalt Platz zum atmen. Der Visual Key im Header weiß zu begeistern und macht Lust auf mehr.

Newssite neu gedacht – Zaster

Das News-Webseiten nicht immer vollgeladen und starr daher kommen müssen, beweist Zaster auf eine moderne und frische Art. Das aufgebrochene Raster und die bewusst gesetzte Typografie lenken nicht vom Inhalt ab, sondern verleihen ihm sogar noch mehr Ausdruck.

Tolles Farbkonzept – Marcus Wertz

Die tollen Infografiken und auch das Farbkonzept machen diese minimalsitische Website zu einem echten Hingucker. Und obendrauf gibts noch etwas Interaktivität – das hält Nutzer bei der Stange.

Kontraste und Struktur – Kultur in Hessen

Die farblich abgetrennten Contentbereiche und der rasterlose Einsatz von Fotografien, machen diese Seite sehr übersichtlich ohne langweilig zu wirken. Auch die Farbwelt bildet ein Kontrast zum Thema der Webseite.

Übersichtlich und persönlich – Kieferorthopäde Dr. Stocker

Webdesign für Zahnärzte mit einer tollen Typografie und einem sehr schönen Farbkonzept. Dazu noch tolle Fotografien und fertig ist die tolle Webseite für den Zahnarzt – ich würde hingehen :)

Clean und frisch – Conal Aluminium

Der Weißraum und die Typografie gepaart mit tollen Bildwelten machen diese Webseite sehr interessant. Statt mit langen Textwüsten, überzeugt die Homepage mit tollen und vor allem interessanten Texten.

schoene-webseiten-_0020_Praxis Dr Mahn – Moderne Orthopaedie und Unfallchirurgie

Leicht und informativ – Dr. Mahn Orthopädie

Die interessante Anordnung des Inhalts, eine schöne und leichte Bildwelt sowie eine manchmal aus dem Raster ausbrechende Gestaltung, machen diese Website ästhetisch. Auch wenn viele Inhalte vermittelt werden, wirkt die Website nicht überladen sondern eher leicht.

schoene-webseiten-_0021_JACOB CEMENT BAUSTOFFe und Bauen kann so viel Spaß machen

Unverkennbar und grob – Jacob Cement

In Zeiten in denen jede Website dem Minimalismus fröhnt ist die Website von Jacob Cement eine willkommene Abwechslung. Bold und laut wirkt die Gestaltung und hey! Es geht um Zement, also warum nicht mal bisschen gröber?

schoene-webseiten-_0022_Spielraum eV Stipendienprogramm für studierende Eltern an der Ruhr Universitaet Bochum

Gestaltung vs Inhalt – Spielraum

Wenn man wenig Inhalt vermitteln muss, kann man sich bei der Gestaltung mehr erlauben. Getreu dem Motto weniger ist mehr, kommt diese Website mit minimalem Inhalt. Ob die Gestaltung hier vielleicht sogar zu laut ist und dem Inhalt die Aufmerksamkeit stiehlt?!

Alternatives Navigationskonzept – Coaching von Claudia Neudecker

Mit einem sehr eigenwilligen Navigationskonzept weiß diese Website zu faszinieren. Ob dabei das Rad immer neu gedacht werden muss? Dieses Webdesign ist auf jeden Fall einzigartig und eine Nennung wert.

schoene-webseiten-_0024_Coaching für Andersdenker mindvibes

Scrolling vs. Grafik – Mindvibes Coaching

Die vielen kleinen Details verleihen dieser Website eine Einzigartigkeit. Hier merkt man: Da hat sich jemand etwas dabei gedacht! Egal ob Typo oder Illustration – hier verschmilzt alles zu einem einzigartigen Benutzererlebnis.

schoene-webseiten-_0025_Inner Peace Yoga – Hatha und Vinyasa Yoga in Passau Innerpeace Yogade

Persönlich und kompetent – Inner Peace Yoga

Eine gelernte Grafikerin als Yogalehrerin? Heraus ist eine wirklich schön gestaltete Website gekommen, die persönlich und kompetent wirkt. Man beachte die tollen Scrolling-Effekte, die dazu einladen tiefer in die Website einzutauchen.

schoene-webseiten-_0026_Startseite KS projekt weiß

Tolle Bildwelten – Projekt Weiss

Auch wenn du hier durch den Lazy Load in den ersten zwei Sekunden eine kaputte Site siehst – das Warten lohnt sich! Ein Slider mit hoch-emotionalen Bildwelten zeigt, dass auch die Bildsprache ein Webdesign maßgeblich beeinflusst.

Heimelich und informativ – Lebensraum Holz

Auch wenn das Thema sehr dankbar ist wurde hier nicht illustrativ übertrieben. Es wurde eine sehr feine Grafikwelt gestaltet, die den Besucher dazu einlädt sich mit dem Werkstoff einzulassen.

Fotografie gegen Raster – Leffler und Schlitt Rechtsanwälte

Diese Homepage lebt von der Fotografie, die durch das aufgebrochene Raster und die dezente Typografie sehr viel Platz zum Atmen hat. Dadurch wirkt die Website sehr persönlich und vermittelt Kompetenz.

Gestaltung mit Typografie – Evau Magazin

Das Evau Magazin bedient sich auf seiner Webseite ausschließlich bei der Typografie als Gestaltungsmittel. Herausgekommen ist eine sehr minimalistische aber übersichtliche Content-Site.

schoene-webseiten-_0030_ART ARMINUM Werbeagentur – Wir gestalten Begeisterung

Video Storytelling – Art Arminum Werbeagentur

Diese Werbeagentur aus Dresden versucht mit kurzweiligen Videos seine Besucher zu überzeugen. Und es funktioniert! Und wer nicht von den Videos angetan ist, der bekommt noch ein paar schöne Collagen auf’s Auge gedrückt!

schoene-webseiten-_0031_DES WAHNSINNS FETTE BEUTE Markenfuehrung für Familienunternehmen

Geschichten richtig erzählen – Des Wahnsinns Fette Beute

Nicht nur der witzige Name, sondern die ganze Homepage ist ein Hingucker! Storytelling wird hier groß geschrieben und so wird hier mit großer Typo sowie einmaligen Bildwelten eine atmosphärische Webseite abgeliefert.

Scrollytelling 2019 – Technologiecluster Zug

Scrollytelling kann ein langweiliges Thema, mithilfe von Interaktivtät und einer interessanten Bildsprache, in eine sehr unterhaltsame Website transformieren. So geschehen bei der Website von Technologiecluster Zug.

Audiovisuelles Erlebnis – ifly50 Magazin von KLM

Scrollytelling verbunden mit Fullscreenvideos nehmen dich mit auf eine Reise rund um den Globus. Kein Wunder dass das iFly Magazin von einer Fluggesellschaft herausgegeben wird – soll es dem Benutzer doch inspirieren die Welt zu entdecken – im Browser und vielleicht später auch im realen Leben!?

Navigation mal anders – Moritz Keil Coaching

Mittlerweile ist es Standard die Navigation im oberen Bereich der Webseite zu platzieren. Gelerntes Verhalten und so. Gerade deshalb sind alternative Navigationskonzepte sehr interessant. Hier wird die linke Spalte wieder als Navigation genutzt – wie damals. Sehr schön wurde auch der Inhalt umgesetzt.

Bold und minimalistisch – Jürgen Hassler Portfolio

Das Portfolio von Jürgen Hassler verzichtet auf gestalterischen Schnick Schnack, hat jedoch ein paar sehr schöne UX-Gimmicks die es zu entdecken gilt.

Total verrückt – Renate Rechner Psychologin

Die Psychologin Renate Rechner setzt bei Ihrer Homepage ebenfalls auf Scrollytelling und präsentiert Ihre Inhalte upside down. Dabei werden tolle Farbwelten mit einem unvergleichlichen Benutzererlebnis gemischt.

schoene-webseiten-_0059_five i’s — Innovation Project Canvas

Prozessdarstellung mit Scrollytelling – Innovation Project Canvas

Ein weiteres Beispiel für beeindruckendes Storytelling – die Website von Innovation Project Canvas. Hier wird per Scrollen eine Stopmotion Animation abgespielt und daran ein Prozess erklärt. Sehr bildlich!

Lebenslauf zum Scrollen – Klaus Woltron

Auch wenn ich nicht verstehe warum die Typo so klein ausgefallen ist, finde ich die Timeline Darstellung des Lebenslaufs sehr amüsant und die Scrollanimationen verleihen dem Ganzen einen interaktiven Charakter.

Unterhaltsames scrollen – this.works

Scrollen liegt im Trend – und so kann man diese Website auch nur mit dem Mausrad entdecken. Dabei bewegen sich Bilder horizontal und Farbblöcke werden ausgefüllt. Hier passiert ordentlich was!

Selfmade trifft auf Typo – Typotage 2019 in Leipzig

Die Typotage in Leipzig braucht natürlich auch einen typografisch ansprechenden Internetauftritt. Mittels scrollen und mit einem Schuss Selfmade-Charakter gelingt es der Website den Besucher zu überzeugen: Echte Typografen, die Typen aus Leipzig!

schoene-webseiten-_0040_Fachanwaelte für Versicherungsrecht Wirth Rechtsanwaelte

Photoshop Slider – Wirth Rechtsanwälte

Während die Website an sich im guten Webdesign Mittelfeld spielt, sind die gephotoshoppten Bildwelten dieser Rechtsanwaltskanzlei schon auffällig. Die Personen werden hier sehr extrovertiert in Szene gesetzt.

Übersichtlicher Content- vermietet.de Portal

Übersichtlich, clean und aufgeräumt kommt dieser Auftritt daher und zeigt, dass trockene Themen eben auch grafisch interessant aufgearbeitet werden können.

schoene-webseiten-_0042_Niederrhein – Kinderpalliativ Netzwerk Nordrhein

Ästhetisch und einfühlsam – Kinderpalliativ Netzwerk Niederrhein

Interessante Infografiken und schöne Informationen nähern sich diesem ernsten Thema auf einer ästhetischen Ebene und lassen diese Website in der Liste der besten deutschen Webseiten auftauchen.

Tolle Texte – Groba Perez Canto Agentur

Hier war ein Vollblut Texter am Werk. Die Gestaltung der Webseite weiß zwar zu überzeugen – aber die knackigen Texte sind wirklich außergewöhnlich und werden die Besuchszeit sicherlich beträchtlich steigern.

schoene-webseiten-_0044_MILLHAUS Kreativ Agentur für Sportkultur Millhaus ist eine Kreativ Agentur für Sportkultur

Witzige Gimmicks – Millhaus Agentur

Auch wenn nur der auf den Screen abgebildete Content auf der Startseite wirklich einzigartig ist, habe ich diese Website in die Liste aufgenommen. Schau dir doch mal den interaktiven Windows XP Desktop an.

schoene-webseiten-_0045_Peth Wetz – Regional gepraegt international inspiriert

Fotografische Storys – Peth Wetz Weine

Hier wird eine sehr persönliche und regionale Geschichte eines Weinwirts mit Hilfe von Typografie und Fotografie erzählt. Auch eine Herangehensweise und sicherlich sehr gut für die Kundenbindung und Emotionalität dieser Marke.

Weniger ist mehr – Taikonauten

Die Taikonauten geben Ihren Referenzen sehr viel Platz und sorgen so für die uneingeschränkte Aufmerksamkeit des Besuchers. Weniger ist mehr!

Fullscreen Video – Lordz Dance Academy

Eine sehr auffällige Farbdarstellung sowie die Videos der Tänzer als Fullscreen Header zeigen dem Besucher sofort an: Hier geht was! Dabei ist Video genau die richtige Wahl wenn es um Dance Moves geht. Zudem gibt es eine sehr hippe Typo.

Seriös und kreativ – küster Steuerberatung

Die Steuerberatung Küster hat sich auf Start-Ups und Kreative spezialisiert und das sieht man auch am Webdesign. Besonders das Raster ist hier sehr aufällig und man könnte denken es wirkt unruhig. Zum Glück bringt die Typo die nötige Ruhe rein und rundet das Layout der Webseite ab.

Geteiltes Layout – Gatt Coaching

Einen tollen Ansatz verfolgt diese Webseite: Das geteilte Layout wirkt emotional und nüchtern zugleich. Wird die linke Seite durch Fotografien genutzt um zu emotionalisieren, überzeugt die rechte Seite mit Inhalt gepaart mit einer tollen Typografie.

Laut und auffällig – Zahnarzt im Glatt

Der Eine oder Andere mag vielleicht mit der Präsentation eines Zahnarztes nüchterne und zugeknöpfte Kampagnen verbinden – nicht der Zahnarzt aus Glatt! Hier wird es laut und bunt. Die Bilder sind sehr auffällig und bleiben sicher bei jedem Besucher im Kopf.

Laut und leise – Kai Brueckers Portfolio

Der Designer Kai Bruecker setzt bei seinem Portfolio auf die Maxime “weniger ist mehr” und reduziert Inhalte auf das Nötigste. Das lässt mehr Platz für Gestaltung – besonders bemerkenswert ist das Menü.

Ausgefallen und eigenartig – Camao Agentur

Die Camao Agentur hat eine sehr ausgefallen Gestaltung (besonders die Buttons), die sicherlich nicht jedermanns Geschmack sind. Dennoch ist die Website eine Nennung in der Liste der besten deutschen Webseiten wert.

Übersichtlich und fluffig – Leipziger Verkehrsbetriebe

Was macht eine ästethtisch ansprechende Website aus? Fluffige Animation, Übersichtlichkeit und eine klare Formensprache. All das vereint die Webseite der Leipziger Verkehrsbetriebe. Ungewöhnlich stylisch kommt dieses Webdesign daher.

Bunt und klar – Do you want our UX?

Die Mädels von “Do you want our UX” haben hier eine sehr cleane und farbenfrohe Website gestaltet, die den Benutzer optimal führt und mit tollen Grafiken die Aufmerksamkeit auch länger halten kann.

Viele Inhalte sinnvoll strukturiert – because Software

Viel Inhalt gut verpacken? because Software ist das gelungen. Das Layout der Website hebt sich vom herkömmlichen Webdesign ab und kann trotzdem viel Inhalt übersichtlich vermitteln.

Schöne Bildsprache – Paint Styling

An diesem Beispiel für gutes Webdesign ist besonders der Header und die auslaufenden Mitarbeiterfotos auffällig. Das Webdesign der Startseite ist leicht und erzählt seine eigene, interessante Geschichte. Der Header könnte fast aus einem Filmplakat entsprungen sein.

schoene-webseiten-_0058_Flexibles Shopsystem für Dein eCommerce Projekt Shopware DE

Clean und leicht – die Shopware Seite

Das Shopsystem Shopware bedient sich einem sehr leichten Design und kann so seine Vorteile eindeutig kommunizieren. Kaum etwas lenkt ab und gibt dem Nutzer die Möglichkeit, sich auf die Vorteile der Shoplösung zu konzentrieren.

On point und reduziert – Outbank App

Nichts was ablenkt und Animation, welche die Aufmerksamkeit auf die richtigen Dinge lenkt. Diese schöne Webseite kommt seriös und nüchtern, gibt dem Benutzer ein gutes Gefühl und macht Lust den Inhalt zu entdecken.

Tolle Collagen – Moneyfarm

Die Finanzbranche muss scheinbar immer sehr bieder daher kommen. Moneyfarm geht hier einen anderen Weg und arbeitet mit tollen Collagen, die die sonst sehr nüchterne Gestaltung durchbricht und das Webdesign auflockert.

schoene-webseiten-_0062_Bureau Oberhaeuser – About

Cleane Infografiken – Bureau Oberhäuser

Ein kompromissloses cleanes Layout, tolle Referenzen und nette Infografiken – das macht diese beeindruckendende Website aus. Ein Blick wert sind auch die Infografiken, die sich toll in das Gesamtbild der Website einfügen.

schoene-webseiten-_0063_Gartenrast Inmitten der Kaerntner Nockberge unweit des Millstaetter Sees gibt’s die wohl best

Leicht und stylish – Gartenrast

Die Typografie, der kleine illustrative Hahn sowie die tollen Fotografien geben diesem Layout eine ganz eigene Ästhetik. Viel Weißraum sorgt dabei für die nötige Cleanness. Schön wie leicht die Website daher kommt.

Art of storytelling – Neon Buchstaben

Hier wird mit Videos und allerlei tollen Fotografien gearbeitet. Herausgekommen ist eine sehr dunkle aber auch sehr persönliche Website, die eine Story erzählt und das Handwerk hinter dem Produkt beleuchtet.

Leicht und kurzweilig – pmr Software

Ein Software Unternehmen mit einer tollen Website gibt’s nicht? Doch – pmr Software macht es vor. Das Grün und auch die leichte Gestaltung lockern das trockene Thema sehr gut auf und sorgen für einen kurzweiligen Surf-Spaß.

Kontrastreiche Gegensätze – Thobeck

Sehr schöne Fotos aber auch ein schöner Kontrast zwischen klein und groß runden diese tolle Website ab. Auch die Farben sind auffällig, lassen dem Produkt (Tisch Eins) aber trotzdem Luft zum atmen.

Dunkel und hart – Malte Demuth

Manche Websiten übertreiben es mit der Gestaltung, sodass der Inhalt untergeht. Bei Malte bin ich mir da nicht so sicher – aber die Kombination von dunklen Hintergründen, neon Typo und den Schwarzweiß Fotografien mit harten Kontrasten spricht doch eine sehr individuelle Sprache und lassen diese Website (und damit auch den vorgestellten Freelancer) im Kopf bleiben.

schoene-webseiten-_0068_Territory DIE Agentur für Markeninhalte Content Marketing

Schöner Slider – Territory Content Marketing

Ein schöner Slider, dicke Typo und ein klares Layout machen diese Website einer Content Marketing Agentur prägnant. Toll auch wie die Fotografien die Farbwelt der Website generell aufgreifen und unterstützen.

schoene-webseiten-_0069_Markenagentur für Corporate Design und User Experience

Toller Headerslider – arndtteunissen

Der Headerslider zeigt: Hier waren echte Webdesigner am Werk. Auch die einzelnen Details sind sehr schön ausgearbeitet und animiert. Der bewusste Einsatz von großen und kleinen Inhaltselementen erzeugt eine schönes Gleichgewicht und lässt die Website sehr ausgewogen erscheinen.

schoene-webseiten-_0070_ERP Business Software – ABACUS Solutions GmbH

Anders und konsequent – Abacus Software

Ein sehr individueller Slider zeigt, dass es auch anders geht. Zusätzlich sehr bemerkenswert ist die klare Darstellung von Informationen und die Nutzerführung trotz der vielen Inhalte. Die Farbsprache ist zudem sehr konsequent durchgezogen.

Grell und asymetrisch – Torismuszukunft

Tourismuszukunft setzt mit seiner Website auf große Formen, Asymetrie und grelle Farben. Das passt zum Thema und kann überzeugen. Diese Website ist mit Liebe gestaltet und so hat die Page alles was man 2019 braucht um eine sehr schöne und erfolgreiche Website zu betreiben.

schoene-webseiten-_0072_DUNCKELFELD – die vielfach ausgezeichnete Digitalagentur aus Koeln

Digitale Kreativität – Dunckelfeld

Teilweise ist die Bedienung der Website etwas schwierig und unlogisch (Referenzen anschauen ist der Horror) – die Agenturunterseite ist jedoch sehr gelungen und bietet das richtige angenehme Verhältnis von Text und Bild.

Tolle Illustration – Thorsten Beyer

Die kleinen Details und die animierten Illustrationen machen diese Website zu einem echten Hingucker. Die kompromisslose Farbgestaltung ist sicherlich nicht jedermanns Sache. Dennoch ist diese Farbgestaltung eine willkommene Abwechslung in einer applelisierten Welt.

Video Header – TOWA

Der Video Header lädt zum schmunzeln ein und die kleinen Details (Hover bei den Leistungen) zeigen, dass man hier wirklich Wert auf das Detail gelegt hat. Das zahlt sich aus – befindet sich die Website jetzt in der Liste der besten deutschen Websiten.

Scrollen und verstehen – Interface Design Trends | Geschichte des Webdesigns

Mit wenigen Scrollefekten wird hier viel erreicht! Das Interface ist auch sehr benutzerfreundlich und leitet den Nutzer gut an. Zudem ist das Thema natürlich für jeden Webdesigner sehr interessant.

Animierte Illustrationen – Parliament Vodka

Dieser One-Pager zu einem der besten Vodkas, zeigt auf eine sehr illustrative Weise ,wie der Parliament Vodka hergestellt wird und erzeugt so Kundenbindung. Die Illustrationen sind sehr gelungen und die Scrollanimation erwecken die Story zum Leben.

Knackig Animation – Marlin Gartenbad

Clean, differenziert und frisch – diese Adjektive beschreiben die Website von Marlin. Schöne Fotos und knackige Hover Animation runden das Bild deieser gelungenen Website ab. Schön auch das zweigeteilte Raster, welches dem Layout Platz zum Atmen gibt.

Knallhart positioniert – Systemsport

Hier wird sich knallhart positioniert und dabei ein sehr krasses, junges und engagiertes Bild kreirt. Die sehr guten Fotografien bekommen durch das Webdesign Platz zum Atmen und die knackigen Botschaften werden durch die fette Typo in den Vordergrund gerutscht.

Multimediales Erlebnis – Rettet die Bonobos vom WWF

Vom WWF mag man halten was man will – die Website zur Rettung der Bonobos ist ein gelugenes Stück Storytelling. Videos, Infografiken, ästhetische Grafiken und Fotografien wecken beim Nutzer Emotionen und sensibiliseren ihn für das Thema.

Illustrative Fotografie – Zugspitze

Fast comic-artig kommt die Bildsprache der Zugspitzen-Website daher. Das Konzept gefällt – da hier eine sehr individuelle Bildsprache gefunden wurde, die zusätzlich von einer dazu passenden Typografie unterstützt wird.

Kosistentes Farbkonzept – Mybootcamp.at

Auch wenn das Navigationskonzept aus Benutzerführungssicht nicht gerade optimal ist, überzeugt die Website durch ein konsistentes Farbkonzept und sehr schön gestalteten Icons. Zudem wirkt die Navigation in der linken Spalte innovativ.

Illustrativer geht nicht – Beckett Agentur

Manche mögen’s illustrativ…und manche mögen’s noch illustrativer! Die Agentur Beckett hat eine sehr illustrative Website. Ob das bei manchen Themen angemessen ist – darüber lässt sich streiten. Dennoch ist diese Seite einzigartig und wird auch seine Anhänger finden.

schoene-webseiten-_0084_DIY Produkte für Garten und Wellness WEKA Holzbau

Übersichtlicher Produktkonfigurator – Weka Holzbau

Formschöne Icons machen diesen Produktkonfigurator zu einem besonderen Erlebnis. Die Website bedient sich zwar einem sehr illustraitven Stil, wirkt aber dennoch sehr aufgeräumt und führt so den Besucher optimal durch das Angebot.

Jung und clean – Pixelschupser Agentur

Typo, Text und Cleanness – hier stimmt einfach alles. Die Website von Pixelschupser ist sehr clean und kommt mit wenigen, dafür aber sehr prägnanten Claims aus. Gerade das macht die Website so erfrischend. Zudem sind die Headlines sehr unterhaltsam und heben sich vom typischen Werbeagentur Jargon ab.

Fixiertes Scrolling – Praxis Alex Berlin

Sicher kann eine Arzthomepage kein Future-Design repräsentieren – dennoch ist hier der intelligente Einsatz von fixierten Scrolling zu einem Konzept geworden, dass zum Einen nüchtern daherkommt, aber auch emotionale Fotografien zeigt.

Schöner Shop – On Running Shop

Große Fotos und ein paar Scrolleffekte – so einfach kann man eine der schönsten deutschen Webseiten entwickeln. Mit ausgewogener Hover-Animation und feiner Typo buhlt diese Website um die Aufmerksamkeit des Wald-und-Wiesen Surfers.

Gestaltete Headlines – Cosy Hair

Diese Website lebt von seiner Typografie. Besonders die Headlines spiegeln einen neuen Webdesign Trend wieder. Mit Kapitälchen und der Serifenschrift verstößt die Website damit gegen geltendende Konvetionen im Web und bringt frischen Wind ins Webdesign.

schoene-webseiten-_0089_10hoch16 – mit Max Lisewski Kari Wolf Simon Kiepe Dominik Wind

Tolles Burger Menü – 10hoch16

Hier hat der Nutzer nur wenig Möglichkeiten etwas anderes zu tun als auf den Button zu klicken und so mehr über die Agentur zu erfahren – auch eine Möglichkeit der Nutzerführung. Zudem ist das Bürger Menü sehr übersichtlich und individuell gestaltet.

schoene-webseiten-_0090_Hund von Eden Der Hundeladen in St. Peter Ording Hochwertiges Hundezubehoer für jeden Hund

Animation und Typografie – Hund von Eden

Die fetten Serifenschrift und auch die netten Animationen und großen Fotografien machen diesen “Hundeladen” im Web zu etwas ganz Besonderem. Auch die Bildwelt wirkt eher wie aus einer Geschichte stammend, als ein Online Shop für Tier Zubehör.

Portfolio mit Scrolleffekt – Manuela Rueda

Diese Video Freelancerin benutzt einen tollen Scrolleffekt um zwischen Ihren Video Referenzen zu switchen. Das Navigationsinterface sowie die tollen grafischen Spielereien verleihen der Website einen ganz eigenen Charakter und zeigen, dass die Freelancerin sehr stilsicher ist.

Individuelle Inhaltspräsentation – Unitedspaces Möbel

Diese Website hat seine ganz eigene Navigation, die allerdings sehr logisch und damit einfach zu verstehen ist. Viel Inhalt kann leider nicht vermittelt werden – der Zielgruppe dürfte dies jedoch egal sein schließlich geht es um Designermöbel und damit auch ein Stückweit um neue Designlösungen von alten Problemen.

schoene-webseiten-_0093_Offizielle Homepage von Jens Lehmann – Official website of Jens Lehmann Ex Professional Footb

Alternative Navigation – JENS LEHMANN

Das alternative Navigationskozept dieser Website ist selbsterklärend und strukturiert den Inhalt sinnvoll und übersichtlich! So wählt man horizontal die jeweilige Rolle des Jens Lehmann aus und kann dann vertikal mehr Infos dazu finden. Sehr schön auch die Metapher “in die Tiefe gehen”.

Scrollende Infos – Family of Fish

Der unkonventionelle Einsatz des Rasters sowie die fixerten Scrolleffekte verleihen dieser Website eine ganz eigene Charateristik. Auch die Unterseiten sind dabei sehr unkonventionell gestaltet und laden ein, die ganze Website zu entdecken.

Accordeon Menü als Portfolio – Björn Meier

Der Produktdesigner Björn Meier geht mit seiner Webpräsenz ungewöhnliche Wege und zeigt seinen Blick auf unkonventionelles Webdesign. Die Typo wie auch das Accordeon Menü zu benutzen um seine eigenen Arbeiten zu präsentieren, ist mutig und mal was Anderes.

Seriös und fresh – Forerver Software

Auch seriöse Websiten können ästhetisch gestaltet sein – das zeigt Forever Software mit seinem Internetauftritt. Auch wenn das Logo etwas nach Flyeralarm aussieht, ist die Website kein einfacher Abklatsch sondern geht auch mit der Navigation neue Wege.

schoene-webseiten-_0097_OLe SOIREE Restaurant für einen Tag

Individuell Bildgalerie – OLÉ SOIREE

OLÉ SOIREE geht mit seiner Website neue Wege. Die indviduelle Bildgalerie wirkt innovativ und auch der Pop Art Style der Website ist frisch und wirkt designfest gestaltet.

schoene-webseiten-_0098_Digitalagentur für E Commerce Webdesign in Duesseldorf und Sundern

Reduziert und vereinfacht – Der Milchshake Agentur

Mit einfachen Inhalten, viel Weißraum und reduziertem Design ,versucht diese Agentur auf Ihrer Website zu den Nutzer zu führen. Das Konzept zieht sich dann auch auf den Unterseiten durch.

Against the raster – Zeichenfabrik Wien

Die Zeichenfabrik hat einen sehr schön gestalteten Internetauftritt. Das Raster sowie die gestrichelte Linie verleihen dieser Webpräsenz ein einzigartiges Webdesign und sorgen für das nötige Interesse beim Nutzer.

Interaktive Elemente – Martin Walker

Starke Farben, harte Kontraste und eine laute Typografie sind nicht das Einzige mit dem dieser schöne Internetauftritt aufwerten kann. Auch einige interaktive Elemente laden den Nutzer ein, die Inhalte der Seite mit der Maus zu entdecken.

schoene-webseiten-_0101_antwerpes ag – Die 360 HealthCare Agentur

Bunt und illustrativ – Antwerpes

So bunt und so illustrativ! Das Design dieser Website ist sicherlich nicht für jeden ein Hingucker (oder vielleicht auch zuviel Hingucker) – dennoch ist die Website in der Liste der schönsten deutschen Webseiten. Die Unterseiten kommen dabei doch nüchterner als das Startmenü.

Sinnvolle Scrolleffekte – Pluto Immobilienentwicklung

Die Pluto Immobilienentwicklung setzt bei der Firmenwebsite auf sinnvolle Scrolleffekte, die die ansonsten herkömmliche Gestaltung wesentlich aufwerten. Zudem ist das Spiel mit hell und dunkel sehr schön.

Serifen Font gegen Neon – Convoy Interactive Agentur

Die Kombination der Neon-Transitions und dem schwarzen oder weißen Hintergrund macht Eindruck. Zusätzlich gibt es total Button-Transitions mit CSS3 und eine Typografie ,die durch den Kontrast zur Farbgebung sehr schön wirkt. Auch die einzelnen Unterseiten sind mit sehr viel Liebe zum Detail gestaltet.

Nüchterne Fotografien – Kochhaus

Die Gestaltung des Kochhauses ist nüchtern aber dennoch sehr übersichtlich und nutzerorientiert. Auf den ersten Blick sieht es nach dem typischen herkömlichen Webdesign aus, besticht aber sehr durch seinen logischen und strukturierten Inhalt.

Bildstarker Slider – Personalwerk

Der animierter Slider erzählt seine eigene Geschichte und wurde sehr schön gestaltet. Auch die Typografie der Website weiß zu überzeugen und lässt diese Website zu den besseren Websiten im deutschen Raum gehören.

Viel Content ästhetisch aufbereitet – Hochschule Fresenius

Auch wenn eine Corporate Website viel Content enthält kann sie schön gestaltet sein. Die Website der Hochschule Fresenius gehört zu den Design Perlen unter den Mass-Content Sites.

Viel Weißraum – Zahnärzte Kyber

Die Website der Zahnärzte Kyber ist sicherlich nicht das innovativste Webdesign-Beispiel – zeigt aber dennoch schön, dass gute Gestaltung nicht immer mit viel Effekten zusammenhängt. Hier wurde das Rad nicht neu erfunden – jedoch sehr schön gestaltet. Gutes Webdesign für Zahnärzte – so geht’s!

schoene-webseiten-_0110_Andreas Fretz – Gaertner Gartenbau Landschaftsbau Karlsruhe

Beeindruckende Headergrafik – Andreas Fretz Gärtnermeister

Auch der Gärtner hat hier sehr schönes Webdesign abbekommen. Nicht nur die Eingangsgrafik versetzt den Nutzer ins Staunen. Auch die Unterseiten verfolgen einen anderen frischen Ansatz und zeigen, dass Herr Fretz ein mutiger Unternehmer ist.

Schöne News-und Shopsite – Pfeffersack

Pfeffersack ist ein Onlineshop mit angebunden Blog. Es gibt sehr viel Content und dieser ist übersichtlich und interessant gestaltet und präsentiert. Sicherlich ist das Thema auch visuell sehr dankbar – trotzdem wirkt die Website nicht überlagert und hinterlässt einen guten Eindruck.

SVG-Animation – Rat für Ruhm und Ehre

Das scheinbar nicht vorhande Raster sowie die Eingangsanimation wecken beim Besucher Interesse. Die liebevoll gestaltete Animation erzeugt Aufmerksamkeit, welche mit dem aufgebrochenen Raster konstant aufrecht erhalten wird.

Schöne Gestaltung – hurra.com Online Agentur

Eine reduzierte Gestaltung die sich der Farbe rot als Gestaltungsmittel bedient. Das beschreibt die Website der Agentur hurra.com. Witzig, dass die Unterseiten auf einer unscharfen Variante der Startseite präsentiert werden. Ob es das braucht oder nicht!?

DIY Grafiken – Pure Pleasure Design

Das Webdesign von Pure Pleasure Design wirkt etwas altbacken – die Infografiken hingegen treffen genau ins Designer Herz. Ob das gewollt ist? Ich kann dir diese Frage nicht beantworten aber schau dir die Webseite doch einfach selbst an und entscheide, ob sie zu den besten deutschen Webseiten gehört.

Bold und illustrativ – Clever Elements

Mit sehr illustraiven Elementen weiß diese Webseite von Clever Elements zu überzeugen. Schön das das Ganze auch responsive gemacht wurde und auch auf dem Smartphone eine gute Design-Figur abgibt.

 

Das könnte dich auch interessieren…

Picture of Rafael Luge
Rafael Luge
Intermedialer Designer (MA) & Gründer von Kopf & Stift Meine Leidenschaft sind Design und Wordpress. Und erfolgreiche Websites. Auf meinem Blog gebe ich dir Tipps, wie auch du deine Website erfolgreicher machst.

Hat dir mein Beitrag geholfen?

4.9 / 5. 13

Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.

6 Responses
  1. Lieber Herr Luge,
    Ihre Übersicht der 128 schönsten Webseiten hat mich sehr inspiriert. Eine tolle Zusammenstellung, die neue Ideen gibt! Auch finde ich es klasse, dass Sie obwohl Sie Webdesigner sind, über den Tellerrand hinausblicken und Seiten anderer Agenturen herausstellen! Vielen Dank für die vielen Impulse! Allerdings muss ich gestehen, dass ich meinen vorherigen Geschmack nun überdenke und die Kreation meiner Webseite nicht einfacher wird ;-)

  2. Das stimmt. Mittlerweile wegen Standardisierung und Einfluss durch WordPress-Themen sehen die meisten Websites sehr ähnlich aus. Daher mein Like geht an kochhaus.de. In der dargestellten in diesem Artikel Aufstellung bietet diese Website eigenen Style und minimale Originalität (im Vergleich zu anderen).

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Cookie Consent mit Real Cookie Banner