Das Design deiner Website ist Ausdruck deiner In­di­vi­dua­li­tät. Trotzdem lohnt sich ein Blick auf ver­schie­de­ne Website-Design-In­spi­ra­tio­nen. So ver­schaffst du dir einen Überblick über aktuelle Trends und entdeckst frische Webdesign-Ideen.

Website-In­spi­ra­ti­on: 7 Quellen im Überblick

Kreative Ideen kommen nicht immer auf Knopf­druck. Manchmal hilft ein Klick auf spe­zia­li­sier­te Seiten, die sich dem Webdesign widmen. Wir zeigen dir die besten In­spi­ra­ti­ons­quel­len für Design-Trends und Homepage-Ideen.

Dribbble

Bild: Screenshot der Dribble-Website
Dribble er­mög­licht den kreativen Austausch zwischen Web­de­si­gner:innen, Grafiker:innen, Il­lus­tra­tor:innen und Typograf:innen weltweit (Quelle: https://dribbble.com

Com­mu­ni­tys sind eine ideale erste An­lauf­stel­le für kreative Impulse. Auf Dribbble vernetzen sich Web­de­si­gner:innen, Grafiker:innen, Il­lus­tra­tor:innen und Typograf:innen weltweit, um Projekte zu be­spre­chen und Er­geb­nis­se zu zeigen. Das Social Network für Kreative bietet die Chance, monatlich Screen­shots der eigenen Arbeit mit der Community zu teilen.

Vorteile

Dribbble fungiert als soziales Netzwerk für Design-Fragen. Die Plattform bietet weit mehr als nur reine Website-In­spi­ra­ti­on: Ka­te­go­rien wie Pro­dukt­de­sign, App-Design, Ani­ma­tio­nen oder Ty­po­gra­fie decken das gesamte Spektrum ab. Damit ist die Seite die perfekte Basis für Design-Ideen jeder Art. Mit der kos­ten­lo­sen Ba­sis­mit­glied­schaft kannst du Designs ansehen, speichern und bewerten.

Nachteile

Für Be­wer­tun­gen ist eine Re­gis­trie­rung bei Dribbble er­for­der­lich. Suchst du sehr gezielte Webdesign-Ideen, könnten die ein­ge­schränk­ten Filter ein Hindernis sein: Außer nach Farben und Tags lässt sich die Suche kaum ver­fei­nern. Zudem ist die Qualität teils schwer zu greifen, da auf­wen­di­ge Ani­ma­tio­nen oft mehr Likes erhalten als schlichte, aber hand­werk­lich ex­zel­len­te Webseiten-Designs.

Behance

Bild: Screenshot der Behance-Website
Im Adobe Online-Portfolio Behance prä­sen­tie­ren Künstler:innen ihre Arbeiten der Öf­fent­lich­keit (Quelle: https://www.behance.net

Auch Behance ist ein globales Kreativ-Netzwerk zur Ver­öf­fent­li­chung gra­fi­scher Projekte. Die Plattform wurde 2012 von Adobe über­nom­men und in die Creative Cloud in­te­griert. Wer Adobe-Dienste nutzt, hat au­to­ma­tisch Zugriff auf die Behance-Ba­sis­funk­tio­nen.

Vorteile

Die Plattform er­mög­licht es Fotograf:innen, Grafiker:innen und Designer:innen, ihre Port­fo­li­os öf­fent­lich zu zeigen. Besonders stark ist die Fil­ter­funk­ti­on: Du kannst nach genutzten Tools oder Fach­be­rei­chen sortieren. Auch ohne Login liefert das Scrollen durch die Ka­te­go­rien reichlich Website-Design-In­spi­ra­ti­on.

Nachteile

Behance ist tief im Adobe-Ökosystem ver­wur­zelt und daher ideal für alle, die ohnehin mit Pro­gram­men wie Photoshop arbeiten. Davon abgesehen gibt es keine nen­nens­wer­ten Nachteile – die Seite ist eine Top-Adresse für Layout-In­spi­ra­tio­nen und Webdesign-Ideen.

Awwwards

Bild: Screenshot der Awwwards-Website
Auf Awwwards.com findet die Webdesign-Community eine Plattform für Austausch und pro­fes­sio­nel­le Be­wer­tun­gen (Quelle: https://www.awwwards.com

Awwwards versteht sich als digitaler Treff­punkt der Krea­tiv­sze­ne. Hier teilen Profis Wissen, dis­ku­tie­ren Trends oder suchen In­spi­ra­ti­on. Täglich wird die „Site of the day“ gekürt und prominent prä­sen­tiert. Die Besten landen zudem im Jahrbuch „The 365 Best Websites Around The World“. Ein Klick durch die Ge­win­ner­ga­le­rie liefert erst­klas­si­gen Input für das eigene Projekt.

Vorteile

Designer:innen, Ent­wick­ler:innen und Agenturen reichen hier Projekte ein, die von einer Fachjury beurteilt werden. Du kannst die Sieger-Websites direkt besuchen und dich von deren Web-Usability vor Ort über­zeu­gen. So bekommst du Einblick in absolut preis­wür­di­ge Homepages.

Nachteile

Echte Nachteile gibt es kaum. Ge­le­gent­lich sind die prä­mier­ten Designs jedoch sehr komplex und überladen, was die Umsetzung für eine eigene, ein­fa­che­re Website er­schwe­ren kann.

FWA

Bild: Startseite der „Favorite Website Awards“-Website
Auf der Website der „Favorite Website Awards“ (kurz FWA) wird täglich die beste Website prä­sen­tiert (Quelle: https://thefwa.com)

Hinter FWA stehen die „Favorite Website Awards“ – ein re­nom­mier­tes Programm, das seit dem Jahr 2000 Webdesign prämiert. Wie bei Awwwards gibt es eine tägliche „Site of the day“ (SOTD) und mo­nat­li­che High­lights. Am Jah­res­en­de folgt der People’s Choice Award (PCA) für die absoluten Favorit:innen.

Vorteile

FWA ist perfekt, wenn du au­ßer­ge­wöhn­li­che In­spi­ra­tio­nen suchst, die aus dem Rahmen fallen. Trotz oft ei­gen­wil­li­ger Designs wird durch User-Ex­pe­ri­ence-Design ein optimales Nut­zungs­er­leb­nis groß­ge­schrie­ben.

Nachteile

Die Seite kon­zen­triert sich stark auf die de­tail­lier­te Vor­stel­lung einzelner Projekte. Wer einen schnellen Ge­samt­über­blick über viele ver­schie­de­ne Trends und Impulse sucht, ist hier weniger gut auf­ge­ho­ben.

CSS Design Awards

Bild: Startseite der CSS Design Awards
Auf css­de­si­gna­wards.com werden Spit­zen­leis­tun­gen in Design, Funktion und Usability aus­ge­zeich­net (Quelle: http://www.css­de­si­gna­wards.com/)

Auch die CSS Design Awards küren täglich eine „Website of the day“. Die Jury bewertet nach Kriterien wie „Creative Design“, „Core & Function“ sowie „UX & Content“.

Vorteile

Die Plattform punktet mit nütz­li­chen Filtern: Du kannst No­mi­nier­te und Gewinner:innen nach Farbe, Branche oder Features sortieren. Zu­sätz­lich gibt es Artikel zu Webdesign-Themen und Links zu kos­ten­lo­sen Res­sour­cen, um die eigenen Skills zu schärfen.

Nachteile

Ähnlich wie bei FWA liegt der Fokus auf der Prä­sen­ta­ti­on einzelner High­lights. Ein rascher Rund­um­blick über aktuelle Mas­sen­markt-Trends ist hier eher schwierig.

One Page Love

Bild: One Page Love-Webseite
One Page Love ist die Plattform für Onepager – mit Bei­spie­len, News und Tutorials (Quelle: https://on­e­pagel­ove.com/)

Wer auf Un­ter­sei­ten ver­zich­ten und alle Inhalte auf einer Seite bündeln will, ist bei One Page Love richtig. Die Seite ist der ul­ti­ma­ti­ve Showcase für One-Page-Websites, Templates und prak­ti­sche Res­sour­cen.

Vorteile

Hier findest du über 8 000 Beispiele für Onepager, die aktuelle Webdesign-Trends wie geteilte Layouts oder User Centered Design zeigen. Für Single-Page-An­wen­dun­gen ist dies die beste Quelle überhaupt. Zudem gibt es eine Sammlung mit Icons, Templates und Tutorials.

Nachteile

Planst du keine Single-Page-Ap­pli­ca­ti­on, liefert die Seite höchstens Ideen für deine Start­sei­te. Die Struktur und das Zu­sam­men­spiel mehrerer Un­ter­sei­ten werden hier na­tur­ge­mäß nicht ab­ge­bil­det.

Design Bombs

Bild: Design Bombs Homepage
Design Bombs bietet Templates, In­spi­ra­ti­on und Tutorials für den Web-Einstieg (Quelle: https://www.de­sign­bombs.com/freebies/)

Design Bombs liefert neben In­spi­ra­ti­on auch handfeste Tutorials zum Webdesign. Auch wer seine Coding-Kennt­nis­se vertiefen möchte, findet hier passende Res­sour­cen.

Vorteile

Neben reiner In­spi­ra­ti­on bietet Design Bombs direkt nutzbare Templates. Dank der vielen Res­sour­cen ist die Seite ideal, um Webdesign-Grund­la­gen zu lernen. Mit den Tutorials kannst du bei­spiels­wei­se rasch einen passenden Sty­le­gui­de für deine Website erstellen.

Nachteile

Es ist keine klas­si­sche Showcase-Seite mit Awards oder Net­wor­king-Fokus, sondern eher eine Wissens- und Ideen­samm­lung. Die vor­ge­stell­ten Templates sind daher oft eher schlicht gehalten und weniger innovativ als auf reinen Design-Portalen.

Zum Hauptmenü