Elmastudio

Contents

Webdesign Inspiration: Jede Menge kreative Featured Content-Slider

·
URL kopierenBeitrag als Markdown kopieren

Slider sind ein beliebtes Element, um im Header, auf der Startseite oder im Portfolio einer Webseite spezielle Inhalte hervorzuheben. Ein riesiger Trend ist es, die Slider immer größer und sogar Bildschirm füllend zu gestalten. Ich finde die Featured-Slider besonders für Portfolios und Firmen-Präsentationen geeignet. Um zu zeigen, was man als Webdesigner alles aus den animierten Elementen herausholen kann, hier eine kleine Auswahl besonders kreativer Slider.

1. Haus

Webdesign Inspiration Featured Slider
Ein sehr schöner Slider, der über die gesamte Breite der Webseite geht.

2. David A. Molanphy

Webdesign Inspiration Featured Slider
Ein eleganter Featured-Slider für die neusten Projekte.

3. Omnia Connect

Webdesign Inspiration Featured Slider
Der riesiger Slider mit Fade-Effekt füllt die gesamte Webseite aus.

4. Giraffe Restaurants

Webdesign Inspiration Featured Slider
Ein lustiger, Autoplay-Slider auf der Giraffe Restaurant-Webseite.

5. Nuemedia Web Design

Webdesign Inspiration Featured Slider
Ein Slider mit Play- und Pause-Button, und sogar der Background ist hier animiert.

6. CreamScoop

Webdesign Inspiration Featured Slider
Der großzügige Slider featured die neusten Projekte von CreamScoop.

7. Malcolm Reading Consultants

Webdesign Inspiration Featured Slider
Ein schön animierter Image-Slider auf der Startseiten von Malcom Reading Consultants.

8. TRÜF

Webdesign Inspiration Featured Slider
Der Slider zeigt die neusten Projekte des Kreativ-Studios TRÜF.

9. Mark Boulton Design

Webdesign Inspiration Featured Slider
Der animierte Header präsentiert die Services von Mark Boulton Design.

10. Bunton

Webdesign Inspiration Featured Slider
Ein großzügiger Slider für die neusten Projekte von Sean Bunton.

11. Sketchen

Webdesign Inspiration Featured Slider
Mit dem Slider kann man sich durch die komplette Webseite von Sketchen navigieren.

12. kollektivdreinull

Webdesign Inspiration Featured Slider
Der mit Autoplay animierte Slider des Kreativ-Kollektivs zeigt aussagekräftige Statements.

13. Sven Prim

Webdesign Inspiration Featured Slider
Das kreative Portfolio des Fotografen Sven Prim ist auch eine interessante WordPress-Seite.

14. HWO Architects

Webdesign Inspiration Featured Slider
Ein automatisch animierter Bilder-Slider von HWO Architects.

15. Webdesign Zwolle

Webdesign Inspiration Featured Slider
Das niederländische Design-Studio Zwolle zeigt seine Services in einem großen Header-Slider.

16. Buffalo

Webdesign Inspiration Featured Slider
Ein schöner, vertikal animierter Slider.

17. Brown Advertising

Webdesign Inspiration Featured Slider
Ebenfalls ein großzügiger Header-Slider des Kreativ-Studios »Brown Advertising«.

18. Violet

Webdesign Inspiration Featured Slider
Ein weiteres schönes Beispiel für einen im Header integrierten Slider.

19. Andreas Ovefelt

Webdesign Inspiration Featured Slider
Ein sehr ästhetischer Slider des schwedischen Webdesigners Andreas Ovefelt.

20. Marie Catrib’s

Webdesign Inspiration Featured Slider
Ein lustiger, seitenfüllender Bilder-Slider mit Navigation und einem Show/Hide Element.

Inspirationen zur eigenen Umsetzung

Um deinen eigenen Slider zu bauen, kannst du entweder ein JavaScript-Plugin oder, falls du WordPress verwendest, eines der praktischen WordPress-Plugins nutzen. Hier einige Ansätze, die dir bei der Umsetzung deines Sliders weiterhelfen.

Wie gefallen dir die Featured Content-Slider? Kennst du noch weitere Webseiten, die ein schönes Slider-Element haben oder hilfreiche Slider-Plugins, um einen eigenen Slider zu bauen? Über dein Feedback und weitere Tipps freue ich mich sehr!

Kategorien: ,
Schlagwörter: , , , ,

Ellen Bauer

Ellen ist Mitgründerin von Elmastudio und Product Managerin bei Automattic. Sie spricht regelmäßig auf WordCamps über Block-Themes, WooCommerce und das Bauen von Websites mit KI. Als Content Creatorin schreibt und spricht sie über WordPress, Open Source, KI und persönliche Entwicklung und teilt dabei ihre eigenen Erfahrungen und Meinungen.

Gefällt dir, was wir hier machen? Dann abonniere unseren Newsletter oder YouTube-Kanal, das kostet dich nichts und hilft uns schon sehr. Wenn du einen Schritt weitergehen magst, lass unten ein kleines Dankeschön da. So bleibt Elmastudio für alle kostenlos, und wir schreiben weiter, wie seit 2009. Danke dir.Gefällt dir, was wir hier machen? Dann abonniere unseren YouTube-Kanal, das kostet dich nichts und hilft uns schon sehr. Wenn du einen Schritt weitergehen magst, lass unten ein kleines Dankeschön da. So bleibt Elmastudio für alle kostenlos, und wir schreiben weiter, wie seit 2009. Danke dir.

5 Kommentare

  1. Robin

    Wieder ein sehr guter Beitrag.
    Finde es gut das du nicht nur die ganzen Websiten mit den tollen Beispielen auflistest, sondern auch eigene Lösungswege vorschlägst.

    Wobei mir grade auffällt, dass das wirklich schicke Design von Sven Prim, extrem lange Ladezeiten hat. Zumindest bei mir. Sowas ist natürlich nicht wünschenswert und schreckt potenzielle Kunden eher ab.

    Antworten
    1. Ellen
      Author

      Antwort an Robin

      Hallo Robin,

      vielen herzlichen Dank für deinen Kommentar und das tolle Feedback :-)

      Du hast Recht, Sven Prims Portfolio braucht schon ein bisschen lang zum Hochladen. Es solches Portfolio ist als Kunden-Referenz eventuell weniger geeignet. Da wäre ein schickes Design mit weniger aufwendiger Programmierung vielleicht besser geeignet :-)

      Viele Grüße,
      Ellen

      Antworten
  2. Barbara Frolik

    Vielen Dank für die schöne Auflistung. Besonders gut gefällt mir das Beispiel von Webdesign Zwolle. Dreimal darfst du raten, wieso ;)

    Antworten
    1. Ellen
      Author

      Antwort an Barbara Frolik

      Hallo Barbara,

      vielen Dank für dein Feedback. Hehe, wie hätte es anders sein können ;-) Die Schafe sind aber auch echt niedlich, und machen sich prima auf dem Slider :-)

      Viele Grüße,
      Ellen

      Antworten
  3. Matthias

    Mit Slideshows im Header arbeite ich schon länger, aber Deine Auflistung hat mich inspiriert, dass man aus diesem Feature deutlich mehr herausholen und echte Informationen transportieren kann. Im Grunde kannst Du mit einem Content-Slider eine völlig neue Usability schaffen …

    Liebe Grüße aus Bayern
    Matthias

    Antworten

Schreibe einen Kommentar

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

Expand sidebar⌘B
DEEN