30 Responsive Webdesign Beispiele

Aktuell im Trend beim Online-Marketing ist “Responsive Webdesign”. Es geht darum, Webseiten so zu entwickeln, dass sie sich den Anzeigemöglichkeinen auf dem Benutzer-Display optimal anpassen. Der große Erfolg mobiler Geräte mit Internetzugriffsmöglichkeit ist der zentrale Grund dafür, warum man als Webdesigner nicht mehr um ein Responsive Webdesign herumkommt.

Responsive Webdesign

Auch große Websites müssen auf den neuen Trend reagieren und zügig ihre Webseiten auf Responsive Design umstellen. Und wenn die großen umstellen, dann sollten auch die „kleinen“ Websites nachziehen, um nicht den Anschluss zu verlieren. Gute Beispiele für responsives Webdesign bieten eine hohe Benutzerfreundlichkeit und verbinden dies mit einer Fokussierung auf die zentralen Inhalte der Webseiten. Hier kommen dazu ein paar schöne Beispiele.

Was haltet ihr von den 30 Responsive Webdesign Beispielen?

1. Future of Web Design 2013

Responsive Webdesign

Zur Website von Future of Web Design 2013 geht es hier…

2. William Csete

William Csete

Zur Website von William Csete geht es hier…

3. Stuff & Nonsense

Stuff & Nonsense

Zur Website von Stuff & Nonsense geht es hier…

4. Forefathers Group

Forefathers Group

Zur Website von Forefathers Group geht es hier…

5. Source|One Staffing

Source|One Staffing

Zur Website von Source|One Staffing geht es hier…

6. Wall Creations

Wall Creations

Zur Website von Wall Creations geht es hier…

7. dp Pad

dp Pad

Zur Website von dp Pad geht es hier…

8. Softwaremill

Softwaremill

Zur Website von Softwaremill geht es hier…

9. Drupalcon

Drupalcon

Zur Website von Drupalcon geht es hier…

10. Torrie

Torrie

Zur Website von Torrie geht es hier…

11. MENG TO

MENG TO

Zur Website von MENG TO geht es hier…

12. Beam

Beam

Zur Website von Beam geht es hier…

13. New Day at Work

New Day at Work

Zur Website von New Day at Work geht es hier…

14. Multimedium

Multimedium

Zur Website von Multimedium geht es hier…

15. Etch

Etch

Zur Website von Etch geht es hier…

16. Threads not dead

Threads not dead

Zur Website von Threads not dead geht es hier…

17. RedMeat Creative

RedMeat Creative

Zur Website von RedMeat Creative geht es hier…

18. Sasquatch

Sasquatch

Zur Website von Sasquatch geht es hier…

19. My Provence

My Provence

Zur Website von My Provence geht es hier…

20. Bliss Media

Bliss Media

Zur Website von Bliss Media geht es hier…

21. Eggsquis

Eggsquis

Zur Website von Eggsquis geht es hier…

22. Sergio Pedercini

Sergio Pedercini

Zur Website von Sergio Pedercini geht es hier…

23. Mitsubishi Motors

Mitsubishi Motors

Zur Website von Mitsubishi Motors geht es hier…

24. MARCO MILANESE DESIGN

MARCO MILANESE DESIGN

Zur Website von MARCO MILANESE DESIGN geht es hier…

25. greensplash

greensplash

Zur Website von greensplash geht es hier…

26. Mustasj

Mustasj

Zur Website von Mustasj geht es hier…

27. Filip Slovacek

Filip Slovacek

Zur Website von Filip Slovacek geht es hier…

28. theskywaspink

theskywaspink

Zur Website von theskywaspink geht es hier…

29. Mercedes Benz Citan

Mercedes Benz Citan

Zur Website von Mercedes Benz Citan geht es hier…

30. Lancester University

Lancester University

Zur Website von Lancester University geht es hier…

Ist deine Webseite Responsive?

Loading ... Loading ...
author avatar
Hi, ich bin Mika - WordPress-Enthusiast und Webworker aus Leidenschaft. Ich bin Inhaber der Webdesign Agentur Wolkenhart und Dozent an der Dualen Hochschule Baden-Württemberg.

23 thoughts on “30 Responsive Webdesign Beispiele

  1. Matthias

    Schöne Beispiele. Ich denke man kann heute zu Tage nicht mehr auf responsives Webdesign verzichten. Zum Teil gibt es heute schon Webseiten die zu 50% von mobile Usern frequentiert werden. Bei uns werden z.B. alle Projekte, egal welcher Größe mit mobile Webdesign entwickelt. Was ich übrigens dafür empfehlen kann ist bootstrap3 als Framework. Mobile First ist dort das große Motto.

  2. Chris

    Die Beispiel zeigen, dass Responsive Design keine zweite Wahl ist. Um das möglich zumachen, muss man schon beim Webseite erstellen, auf die verschiedenen Navigationsarten eingehen.

  3. Nataly Ohlsen

    Hallo Mika,

    eine schöne Zusammenstellung hast du gemacht. Besonders gefallen mir die Screenshots. Könntest du mir bitte erzählen, wie du das gemacht hast? Gibt es eine spezielle Website oder ein Programm?
    Gruß
    Natalia

  4. Webdesign Gera

    Hallo Mika, einen sehr schöne Blog betreibst Du hier. Ich habe schon einiges hier gelesen und konnte die eine oder andere Inspiration in Sachen Webdesign bei Dir finden. Dafür mein Dank

    Auch heute war ich wieder auf der Such nach Inspiration für einen Kunden und suchte nach schönen Beispielen für responsives Webdesign. Eine schöne Auswahl die Du da zusammengestellt hast.

    Weiter so und viel Spaß im Web
    Grüße Peter

  5. Tippse

    Tolle Beispiele für gelungenes Responsive Design. Vor allem zeigt das, dass eine Webseite heute kaum noch ohne Responsive Design auskommt – denn wer geht heute schon nur noch mit dem PC ins Internet? Eine Seite ohne Responsive Design verschreckt viele Besucher und potentielle Kunden, weil sie so gut wie unlesbar ist.

    1. Mika Gustavson Post author

      Hi Tippse,

      danke. Ja absolut richtig und das hat auch Google durch ihr Update bestätigt.

      Grüße
      Mika

  6. Magdeburger

    Schöne Templates.
    Mittlerweile kann man schon für kleines Geld fertige Tools kaufen die automatisch responsive Programmieren und die Seite so über CSS auslagern. Wichtig ist aber das die robots.txt Datei auch angepasst wird, das vergessen viel.

    Viele Grüße

    1. Mika Gustavson Post author

      Hi Johannes,

      erstmal sorry das ich dir jetzt erst antworte aber 11 Projekte die wir momentan gemeinsam Umsetzten und eine Lungenentzündung Liesen es nicht vorher zu.

      Danke und viel Erfolg mit deinem Studium.

      Viele Grüße
      Mika

Hinterlasse eine Antwort

Beim Kommentieren darf jeder gerne kreativ werden. Das wird in diesem Blog sogar ausgezeichnet.

(*) Pflichtfeld, Ihre Email-Adresse wird nicht veröffentlicht

Auch möglich: Abo ohne Kommentar.