Kategorien
Webdesign

61 inspirierende Beispiele für gutes responsives Webdesign (Showcase)

Responsives Webdesign ist bereits seit längerer Zeit in aller Entwickler Munde. Eine responsive Website gilt sozusagen als die eierlegende Wollmilchsau, denn sie funktioniert auf jedem Ausgabegerät und mit jeder denkbaren Bildschirmauflösung. Egal, ob Sie eine Website auf einem Smartphone, einem Tablet oder einem Desktop-Rechner anschauen, überall wird der Inhalt optimal lesbar dargestellt.

Selbstverständlich ist bei einer modernen Website heute nicht nur die Lesbarkeit auf allen Geräten wichtig, sondern immer auch vor allem noch das ansprechende Design. Daher zeigen wir Ihnen in diesem Beitrag eine Auswahl von wirklich gut gelungenen, responsiven Websites zu Ihrer Inspiration.

Beispiele von gut umgesetzten responsiven Webdesign

Zu jeder Website haben wir Ihnen die responsiven Ansichten auf allen Ausgabegeräten verlinkt. Dort, wo Sie keine zusätzliche responsive Abbildung finden, ließ sie sich mit dem Tool „Am I Responsive“ leider nicht herstellen. Mobile Ansichten sind bei den betreffenden Websites nur über die Geräte direkt aufrufbar.

beispiele-fuer-responsives-webdesign

Inside Abbey Road

Inside-Abbey-Road

Beagle – Better proposals

Beagle

Giorgio Armani – Frames of Life

Giorgio-Armani
armani

HBM FiberSensing

HBM-FiberSensing
fibersensing

Web Design London

Web-Design-London
webdesign.london

Carmichael Lynch

Carmichael-Lynch

Estudio NK

Estudio-NK
estudio nk

Welcome Spring Festival 2015

Welcome-Spring-Festival-2015
spring-festival

Marie – Creative Agency Portfolio Template

MARIE-Multipurpose-Creative-Portfolio
marie

Masi Tupungato

Masi-Tupungato
masi

Cofamedia Inc

COFA-Media
cofa

Fornasetti

Fornasetti
forsanetti-responsive

OuiSurf in Africa

OuiSurf.tv

Chris Niedenthal

Chris-Niedenthal

Alexander Engzell Portfolio

Alexander-Engzell
Alexander-Engzell

Bav Tailor

BAVTAILOR
BAVTAILOR

Trading Culture

Trading-Culture
Trading-Culture

RGB Media

RGB-MEDIA
RGB-MEDIA

Unfollowhance

Unfollowhance
Unfollowhance

Diego Sivori

Diego-Sivori
Diego-Sivori

RC Comunicação

RC-Comunicaco
RC-Comunicaco

555 Chabanel

555-Chabanel
555-Chabanel

BrainBox

BRAINBOX
BRAINBOX

Ello

ello
Ello

Mage Developers

mage-developers

Futuramo Icons

FUTURAMO-ICONS
FUTURAMO-ICONS

jeferson winter

www.jefersonwinter.com
www.jefersonwinter.com

Totem

Totem

nbsp;Catalogue-Interactif Bonobo

Catalogue-Interactif Bonobo

Nothing But Thieves

Nothing-But-Thieves

One Dollar Lesson

One-Dollar-Lesson

Five Minutes

FIVE-MINUTES

Doriart Webdesign

Doriart

Vangarde Music

We-are-Vangarde

8. Sons of Anarchy Tattoo Stories

Sons-of-Anarchy-Tattoo-Stories

RGB Media Webdesign-Agency

RGB-MEDIA

De Haus

De-Haus

Gogoro

Gogoro

adaptable

adaptable

Trippeo

Trippeo

Let´s make History

Lets make History

Urban Influence

Urban-Influence

MoodBoard Film

MOODBOARD

Reebok – Be more Human

Reebok - Be more Human

Easy Rocket Studio

Easy-Rocket-Studio

Chedi Andermatt Residences

Chedi Andermatt Residences

Celebrating Chinese New Year 2015

Celebrating-Chinese-New-Year-2015

We are Zaion

We-Are-Zaion

Melanie Daveid

Melanie-Daveid

Österreich erleben

Österreich erleben

Sassi Holford

Sassi-Holford

Bolig Reisen

Boligreisen

DogStudio

Dogstudio

FiberSensing

HBM-FiberSensing

NUA Bikes

Nua-Bikes

Emiliano Barri

Emiliano-Barri

RiotGames: Thunderdome

Welcome-to-Thunderdome

In Pieces

In-Pieces

Printemps du Polar

Le-Printemps-du-Polar

While We’re Young

While-We-where-Young

Fazit

Diese guten Exemplare responsiven Webdesigns machen Hunger auf mehr, man möchte sich fast augenblicklich hinsetzen und eine responsive Website selbst entwickeln. Inspiration dürfte dieser Beitrag genug gegeben haben. Mir persönlich gefällt die Website der Mage Developers sehr gut, da der Hero-Bereich wirklich ansprechend gestaltet worden ist und schöne Fotos Verwendung fanden.

8 Kommentare zu “61 inspirierende Beispiele für gutes responsives Webdesign (Showcase)”

Ach, noch etwas: Ich bin ein begeisterter Linux- und Mac-Anwender, aber die ständige Präsenz der Mac-Hardware in Präsentationen, die mit dem tatsächlichen Apfel-Marktanteil nichts zu tun hat, langweilt langsam. Gibt es denn wirklich keine auch nur halbwegs ansehnliche PC-Hardware? OK, ich habe noch keine gesehen, aber gibt es wirklich keine? Überhaupt nicht? Wäre das nicht eine Marktlücke? 😉

Ich verwende sie auch – zum Arbeiten wie in Darstellungen. Mich wundert nur, dass es keine Alternative gibt. Die Monotonie wird langweilig.

Manche Themes sind wirklich sehr schön. Aber ich muss auch mal negatives Feedback loswerden. Was mir immer häufiger auffällt, hier auch am Beginn des Artikels: Das meiste sind einfach nur Stockfotos! Bilder mit 3-4 Buttons und viel mehr kommt dann auch nicht.
Und so minimalistisch wie einige Themes ausfallen, stellt sich mir die Frage wie die Designer damit Geld verdienen können. Im Grunde kann man sich das meiste Wissen in wenigen Tagen dafür aneignen – zudem hat man dann ein wirklich individuelles und eigenes Design.
Andere hier gezeigte Themes sind typisch modern und viele finde ich wirklich inspirierend. Startups und Website-Apps schießen wieder wie Pilze aus dem Boden – darauf zielen die meisten Themes eben ab.
lg Marcus

Hallo Marcus. Danke für deinen Kommentar. Dieser Artikel hier befasst sich allerdings gar nicht mit Themes, sondern ist ein Showcase real existierender responsive Sites.

Du hast völlig recht.
Fast alle Websites die irgendwo als besonders schön vorgestellt werden, leben lediglich durch ihre tollen, vollformatigen Background Photos.
Mich erinnert sowas auch eher an die futuristischen Prototypen, die auf den Autosalons vorgestellt werden – im täglichen Leben bekommt man sie nie zu Gesicht.
Kunden wollen ihren (möglichen )Kunden im Internet etwas über ihr Business, ihre Qualifikation erzählen – viel.
Für vernünftige Suchmaschinenoptimierung sind sie sowieso ungeeignet.
Wirklich schöne Seiten (täglich neu) gibt es hier zu sehen:
http://awwwards.com/

Schreibe einen Kommentar

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