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
Google Art, Copy & Code setzt auf Flat Design und eine sehr reduzierte Gestaltung. Die Google-Farben funktionieren relativ gut mit diesem Design.
Creatives One-Page Webdesign mit CSS3-Power
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.
Sehr Detaillierte Gestaltung und Minimales Design
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.
Lange One-Page Website mit viel CSS3
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.
Move – Dance Convention
Move – Kanadische Tanz-Konvention
Diese einseitige Website setzt sehr viele Parallax-Scrolling Effekten ein und hat eine sehr große Typo.
Herausragende Bilder und Parallax Effekte
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.
Full-Screen Hintergründe und Minimales Menu
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.
Annual Report im Flat Design
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.
Helle Gestaltung und Flat Webdesign
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.
Vintage Schrift und Hintergrund
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.
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
Absolut coole Seite des britischen Designers Adam Hartwig. Sehr viele CSS3 und HTML5 Spielereien in den typischen Flat-Design Farben.
Klassische Möbel Eindrucksvoll Präsentiert
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.
Minimales Webdesign mit Auffälligen Farben
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.
Super Sync Sports von Chrome
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.
Kampagnen-Website mit coolen 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.
Exzellentes Storytelling mit Video-Header
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.
Storytelling und Motivation Perfekt Gelungen
Jede Seite hat einen Video Background
Auch hier werden die Videos perfekt zum Storytelling eingesetzt. Geniale Webseite mit einer äußerst starken Ausstrahlung.
Flat Webdesign für die Arktik
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
Inzwischen schon zum Standard geworden, dass jeder neue Schuh eine eigene Kampagne und auch Kampagnen-Website erhält.
Eindrucksvolle Bilder und Minimales Webdesign
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.
Hochwertige Bilder und Blog-Tiles
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.
Gelungenes Branding und Elegantes Webdesign
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.
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
4 Kommentare. Hinterlasse eine Antwort
Ringle 39 hat mal ja mal geile Bilder!
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