#1 Web Design Inspiration with 22 Websites

Ich habe beschlossen ab jetzt jede Woche Montag eine Web Design Inspiration, die etwa 20-25 Websites umfassen, zu veröffentlichen. Wer eine passende Seite hat kann mir den Link schicken und ich werde die Seite in die nächste Sammlung mit aufnehmen.

Die Sammlung besteht diese Woche aus:

10x Parallax und One-Page Websites

Diese Art von Websites sind auch dieses Jahr noch stark im Trend. Der gesamte Inhalt ist auf einer Seite untergebracht. Die Seiten eignen sich besonders gut für Kampagnen, Events oder kleine Firmen. Bei Parallax handelt sich um eine neue Technologie im Web. Der Hintergrund bewegt sich dabei schneller oder langsamer als die anderen Elemente. Dadurch entsteht ein interessanter Effekt auf der Website. Schau dir am besten die Beispiele an, um zu sehen wie Parallax-Scrolling der Praxis aussieht.

Modernes Flat Web Design und Sidebar

Art, Copy & Code - Advertising Experiments

Art, Copy & Code – Advertising Experiments

Google Art, Copy & Code setzt auf Flat Design und eine sehr reduzierte Gestaltung. Die Google-Farben funktionieren relativ gut mit diesem Design.

zur Website

Creatives One-Page Webdesign mit CSS3-Power

Creative 9 - Development & Interactive Design

Creative 9 – Development & Interactive Design

Die Jungs von Creative 9 haben Parallax Scrolling und Flat Design kombiniert. Außerdem sind einige Elemente elegant mit CSS3 animiert.

zur Website

Sehr Detaillierte Gestaltung und Minimales Design

Game of Thrones - Alle Informationen

Game of Thrones – Alle Informationen

Alle Informationen rund um Game of Thrones sind auf dieser Website zusammengefasst. Das Flat Design wird hier sogar für die Charaktere und alle Icons eingesetzt.

zur Website

Lange One-Page Website mit viel CSS3

So funktioniert die google Suche

So funktioniert die google Suche

Google erklärt hier die Suche mit Hilfe von jeder Menge CSS3 und HTML5 Effekten. Sehr anschaulich und einfach nachzuvollziehen.

zur Website

Move – Dance Convention

Move - Kanadische Tanz-Konvention

Move – Kanadische Tanz-Konvention

Diese einseitige Website setzt sehr viele Parallax-Scrolling Effekten ein und hat eine sehr große Typo.

zur Website

Herausragende Bilder und Parallax Effekte

Parallax Scrolling Website von Oakley

Parallax Scrolling Website von Oakley

Die Website für die Motocross-Brille von Oakley ist voller cooler Effekt. Parallax Scrolling, Flat Design und Videos machen diese Seite zu einem absoluten MUST SEE.

zur Website

Full-Screen Hintergründe und Minimales Menu

One-Page Website von Ringle 39

One-Page Website von Ringle 39

Die Seite für die Yacht Ringle 39 glänzt mit perfekten supersized Backgrounds. Parallax-Scrolling darf auch auf dieser Website nicht fehlen.

zur Website

Annual Report im Flat Design

HTML5 und CSS3 Effekte en masse

HTML5 und CSS3 Effekte en masse

Einige moderne Internet-Unternehmen gehen jetzt dazu über Reports und Reviews in Form einer hochwertigen Website zu präsentieren. Flat-Design und jede Menge HTML5 und CSS3 Effekte machen die Website von Sailthru zu einem Highlight.

zur Website

Helle Gestaltung und Flat Webdesign

Flat Design und große Bilder

Flat Design und große Bilder

Eine absolut gelungene deutsche Website für ein Yoga Studio. Flat Design, wunderschöne Bilder und Parallax Scrolling wurden hier sehr geschickt kombiniert.

zur Website

Vintage Schrift und Hintergrund

Sehr elegante Website

Sehr elegante Website für Uhren

Die Website für die Uhren von Vacheron Constantin ist ausnahmsweise nicht im Flat Design sondern passend zu den Uhren. Die Website hat jedoch einige coole Parallax-Effekte und Animationen.

zur Website

5x Fullscreen-Content Websites

Bei diesen Websites ist alles auf einer Seite direkt im sichtbaren Bereich. Es wird häufig mit der vollen Bildschirmgröße gearbeitet. Der Fokus des Besuchers wird noch stärker auf ein Thema gelenkt. Full-Screen Design eignet sich besonders gut bei Portfolio und Photography Websites. Hier sollen die Fotos und Bilder im Vordergrund stehen. Bei knackigen Botschaften kann das Design auch funktionieren.

Grelle Farben und Full-Screen Slider

Flat Design und Minimalismus

Flat Design und Minimalismus

Absolut coole Seite des britischen Designers Adam Hartwig. Sehr viele CSS3 und HTML5 Spielereien in den typischen Flat-Design Farben.

zur Website

Klassische Möbel Eindrucksvoll Präsentiert

Fullscreen Background mit hochwertigen Bildern

Fullscreen Background mit hochwertigen Bildern

Das Menü blendet sich aus und die Bilder rücken noch stärker in den Vordergrund. Ein typisches Webdesign, dass auch für Photographen geeignet ist.

zur Website

Minimales Webdesign mit Auffälligen Farben

Flat Design und Minimalismus

Flat Design und Minimalismus

UX- und UI-Designer machen einfach die besten Webseiten. Alles unnötige wird weggelassen und die Seiten konzentrieren sich auf den Inhalt und eine geniale Benutzerführung. Absolutes MUST SEE.

zur Website

Super Sync Sports von Chrome

Smartphone und PC verbinden und spielen

Smartphone und PC verbinden und spielen

Die Website, oder besser gesagt das Browser & Smartphone Spiel von Chrome, ist absolut genial gemacht. Einfach Smartphone mit PC synchronisieren und mit bis zu 4 Spielern gegeneinander spielen.

zur Website

Kampagnen-Website mit coolen Badges

Sehr schöne Idee mit Slider und Badges

Sehr schöne Idee mit Slider und Badges

Über den Slider auf der rechten Seite können 100 verschiedene Rezepte ausgewählt werden. Leider ist der weiße Badge aus meiner Sicht sehr schlecht platziert und in der Mitte des Bildes.

zur Website

4x Video-Background Websites

Vor allem für Kampagnen und Stories eignet sich diese Art von Website. Da wirklich gute Videos teuer sind, sieht man diese Webseiten meistens bei großen Firmen.

Exzellentes Storytelling mit Video-Header

Jede Seite hat einen Video Background

Jede Seite hat einen Video Background

Die Seite erzählt die Geschichte der Flüchtliche in dem Camp Dadaab in Kenya. Jede der Seiten hat ein eigenes Video als Hintergrund.

zur Website

Storytelling und Motivation Perfekt Gelungen

Jede Seite hat einen Video Background

Jede Seite hat einen Video Background

Auch hier werden die Videos perfekt zum Storytelling eingesetzt. Geniale Webseite mit einer äußerst starken Ausstrahlung.

zur Website

Flat Webdesign für die Arktik

Supersized Video Background und Flat Design

Supersized Video Background und Flat Design

Auch hier wird das Video zum Storytelling eingesetzt. Die Arktik schmilzt und die Seite soll darauf aufmerksam machen.

zur Website

Puma Mobium

Video Background

Video Background

Inzwischen schon zum Standard geworden, dass jeder neue Schuh eine eigene Kampagne und auch Kampagnen-Website erhält.

zur Website

3x Kreative Websites von Kleinen Firmen

Die Webseite haben ein ganz spezielles Design, dass in keine andere Kategorie passt. Hier findest du ein paar ausgefallen Websites mit wirklich kreativen Elementen. Gerade bei der Navigation sind die Websites wirklich gelungen.

Eindrucksvolle Bilder und Minimales Webdesign

Supersized Slider und Flat Design

Supersized Slider und Flat Design

Die hochwertigen Bilder des Produkts stehen ganz klar im Mittelpunkt bei Budnitz Bikes. Flat Design und minimale Gestaltung rundet die gelungene Webseite ab.

zur Website

Hochwertige Bilder und Blog-Tiles

Supersized und Grid

Supersized und Grid

House Lako setzt ebenso auf Bilder, die eine sehr positive und angenehme Stimmung erzeugen. Das Gridsystem im Flat-Design wird für den Blog verwendet.

zur Website

Gelungenes Branding und Elegantes Webdesign

Elegantes Design

Elegantes Design

Die Website von Wootten hat ein sehr elegantes Webdesign. Das Branding der Marke wird sehr liebevoll und detailliert inszeniert. Die hochwertigen Bilder und die Stempel und gestanzte Schrift passen optimal.

zur Website

Wer eine coole Website gefunden hat, kann mir diese mitteilen und ich werde die Seite bei einer der nächsten Inspirationen mit aufnehmen.

Titelbild: Quelle – getgoingtoday.org

  • Marcus Graf

    Ringle 39 hat mal ja mal geile Bilder!

  • Dennis

    Gute Zusammenfassung! Ne Idee wie die Seite von House Kolekcja Lato / http://www.house.pl programmiert wurde?
    Bin auf der Suche nach nem Theme, was ich so in der Art gestalten kann. Bin recht neu in diesem Bereich und geb dann lieber ein wenig Geld für ein Theme/die Arbeit eines anderen aus! Bin für Tipps dankbar.

    • Hallo Dennis,

      Suchst du ein fertiges Theme, dass du nur noch anpassen möchtest von der Optik oder möchtest du mehr programmieren? Generell gibt es auf themeforest.net ähnliche Themes. Diese sind aber dann schon fertig und müssen nur noch installiert und optisch angepasst werden.

      Gruß Tobias

  • Eine schöne Auswahl! Kannst dich auch gerne bei uns nach Inspirationen umschauen. Deine Auswahl ist auch bei uns bei http://www.niceoneilike.com verträten.

    Grüße