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
Zur Website von Future of Web Design 2013 geht es hier…
2. William Csete
Zur Website von William Csete geht es hier…
3. Stuff & Nonsense
Zur Website von Stuff & Nonsense geht es hier…
4. Forefathers Group
Zur Website von Forefathers Group geht es hier…
5. Source|One Staffing
Zur Website von Source|One Staffing geht es hier…
6. Wall Creations
Zur Website von Wall Creations geht es hier…
7. dp Pad
Zur Website von dp Pad geht es hier…
8. Softwaremill
Zur Website von Softwaremill geht es hier…
9. Drupalcon
Zur Website von Drupalcon geht es hier…
10. Torrie
Zur Website von Torrie geht es hier…
11. MENG TO
Zur Website von MENG TO geht es hier…
12. Beam
Zur Website von Beam geht es hier…
13. New Day at Work
Zur Website von New Day at Work geht es hier…
14. Multimedium
Zur Website von Multimedium geht es hier…
15. Etch
Zur Website von Etch geht es hier…
16. Threads not dead
Zur Website von Threads not dead geht es hier…
17. RedMeat Creative
Zur Website von RedMeat Creative geht es hier…
18. Sasquatch
Zur Website von Sasquatch geht es hier…
19. My Provence
Zur Website von My Provence geht es hier…
20. Bliss Media
Zur Website von Bliss Media geht es hier…
21. Eggsquis
Zur Website von Eggsquis geht es hier…
22. Sergio Pedercini
Zur Website von Sergio Pedercini geht es hier…
23. Mitsubishi Motors
Zur Website von Mitsubishi Motors geht es hier…
24. MARCO MILANESE DESIGN
Zur Website von MARCO MILANESE DESIGN geht es hier…
25. greensplash
Zur Website von greensplash geht es hier…
26. Mustasj
Zur Website von Mustasj geht es hier…
27. Filip Slovacek
Zur Website von Filip Slovacek geht es hier…
28. theskywaspink
Zur Website von theskywaspink geht es hier…
29. Mercedes Benz Citan
Zur Website von Mercedes Benz Citan geht es hier…
30. Lancester University
Zur Website von Lancester University geht es hier…
[poll id=”3″]
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.
Hi Matthias,
danke. Ja Bootstrap 3.0 ist richtig gut. Hier habe auch einen Artikel geschrieben: https://wolkenhart.com/webdesignblog/bootstrap-3-0
Die beste Zusammenstellung die ich bisher gesehen habe. Echt klasse Mika!
Danke Jan.
Ich schließe mich Jan an, echt super.
Freut mich Inka.
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.
Hi Chris, absolut richtig.
Responsive für verschiedene Browsergrößen optimiert:
Das sind wirklich gute Beispiele, da sieht man mal wie ansprechend Webseiten aussehen können, wenn alles richtig gemacht wird.
Hi Anja,
danke.
Gruß Mika
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
Hi Natalia,
danke 🙂
Ja hier: http://ami.responsivedesign.is/
Gruß Mika
Sehr schöne Beispiele. Das sind wunderschöne Webseiten. Und wie schon oben erwähnt. Responsive Webdesign ist sehr wichtig in der heutigen Zeit, denn Google priorisiert sie ja auch.
Danke.
Gruß Mika
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
Hi Peter,
danke für die netten Worte und viel Erfolg weiterhin.
Gruß Mika
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.
Hi Tippse,
danke. Ja absolut richtig und das hat auch Google durch ihr Update bestätigt.
Grüße
Mika
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
Hi Daniel,
danke für deinen Hinweis.
Gruß
Mika
Wirklich sehr gute Layouts. Ich studiere selbst Design.
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