--- title: "Webdesign Inspiration: Jede Menge kreative Featured Content-Slider" author: "Ellen Bauer" date: 2010-08-11 lang: de source: https://elmastudio.de/webdesign-inspiration-kreative-featured-content-slider/ --- # Webdesign Inspiration: Jede Menge kreative Featured Content-Slider 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](http://www.madeinhaus.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-01.jpg) *Ein sehr schöner Slider, der über die gesamte Breite der Webseite geht.* ## 2. [David A. Molanphy](https://www.molanphydesign.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-02.jpg) *Ein eleganter Featured-Slider für die neusten Projekte.* ## 3. Omnia Connect ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-03.jpg) *Der riesiger Slider mit Fade-Effekt füllt die gesamte Webseite aus.* ## 4. [Giraffe Restaurants](http://www.giraffe.net/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-04.jpg) *Ein lustiger, Autoplay-Slider auf der Giraffe Restaurant-Webseite.* ## 5. [Nuemedia Web Design](https://www.nue-media.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-05.jpg) *Ein Slider mit Play- und Pause-Button, und sogar der Background ist hier animiert.* ## 6. [CreamScoop](https://creamscoop.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-06.jpg) *Der großzügige Slider featured die neusten Projekte von CreamScoop.* ## 7. [Malcolm Reading Consultants](http://www.malcolmreading.co.uk/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-07.jpg) *Ein schön animierter Image-Slider auf der Startseiten von Malcom Reading Consultants.* ## 8. [TRÜF](https://trufcreative.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-08.jpg) *Der Slider zeigt die neusten Projekte des Kreativ-Studios TRÜF.* ## 9. [Mark Boulton Design](http://www.markboultondesign.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-09.jpg) *Der animierte Header präsentiert die Services von Mark Boulton Design.* ## 10. [Bunton](https://bunton.com.au/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-10.jpg) *Ein großzügiger Slider für die neusten Projekte von Sean Bunton.* ## 11. Sketchen ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-11.jpg) *Mit dem Slider kann man sich durch die komplette Webseite von Sketchen navigieren.* ## 12. [kollektivdreinull](http://kollektivdreinull.de/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-12.jpg) *Der mit Autoplay animierte Slider des Kreativ-Kollektivs zeigt aussagekräftige Statements.* ## 13. Sven Prim ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-13.jpg) *Das kreative Portfolio des Fotografen Sven Prim ist auch eine interessante WordPress-Seite.* ## 14. [HWO Architects](https://www.hwo-architects.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-14.jpg) *Ein automatisch animierter Bilder-Slider von HWO Architects.* ## 15. [Webdesign Zwolle](http://www.boerdam.nl/#volgende) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-15.jpg) *Das niederländische Design-Studio Zwolle zeigt seine Services in einem großen Header-Slider.* ## 16. [Buffalo](https://builtbybuffalo.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-16.jpg) *Ein schöner, vertikal animierter Slider.* ## 17. [Brown Advertising](http://www.brownadvertising.com/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-17.jpg) *Ebenfalls ein großzügiger Header-Slider des Kreativ-Studios »Brown Advertising«.* ## 18. [Violet](http://www.violet.net/) ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-18.jpg) *Ein weiteres schönes Beispiel für einen im Header integrierten Slider.* ## 19. Andreas Ovefelt ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-19.jpg) *Ein sehr ästhetischer Slider des schwedischen Webdesigners Andreas Ovefelt.* ## 20. Marie Catrib's ![Webdesign Inspiration Featured Slider](https://elmastudio.de/wp-content/uploads/2010/08/javascript-slider-20.jpg) *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. - Ein sehr schöner JavaScript-Slider vor allem für die Präsentation von Bildern ist der [Nivo-Slider](http://nivo.dev7studios.com/). - Den vielseiten Slidedeck-Slider gibt es als JavaScript- oder WordPress-Plugin. In meinem Artikel [»Individuelle Featured Content Slider mit dem Slidedeck WordPress-Plugin«](https://elmastudio.de/individuelle-featured-content-slider-mit-dem-slidedeck-wordpress-plugin/) kannst du nachlesen, was du mit dem Slider alles anstellen kannst. - Der Coin Slider hat ähnliche Funktionen, wie der Nivo-Slider und ebenfalls schöne Animations-Effekte. - Der [Featured Content Slider](https://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/) von CSS Tricks zeigt bereits kleine Vorschaubilder der Featured Posts an. - Mit dem [Easy Slider 1.7](http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider) von CSS Globe kannst du ebenfalls leicht anzupassende Slider bauen. - Falls du eine WordPress-Seite hast ist der Artikel [»Top 10 Content Slider Plugins for WordPress«](https://speckyboy.com/free-responsive-wordpress-slider-plugins/) bei Speckboy sehr hilfreich. 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!