Responsive Webdesign

Responsive Webdesign ist eine noch junge, besondere Technik Webseiten zu erstellen die eine flexible Darstellung der Inhalte einer Webseite gewährleistet.

Aufgrund der vielen Geräte-Typen die eine Webseite aufrufen können (Smartphones, Tablets, Desktop PC's) und deren Bildschirmorientierung (längst oder quer) wird die Größe der Inhalte (Bilder, Texte, usw.) an der Bildschirmgröße angepasst oder unterschiedlich angeordnet.

Die Inhalte einer Webseite werden auf kleinen Bildschirmen anderswie dargestellt als auf großen. Dadurch ist der technische Aufbau der Seite und der Quellcode wesentlich komplexer geworden.

Auch Suchmaschinen bewerten optimierte "responsive" Webseiten besser und werden bei Suchanfragen von Smartphones und Tablets bevorzugt angezeigt.

Die von uns erstellten Webseiten sind von Haus aus suchmaschinenoptimiert und sehr schnell. Sie erreichen in der Regel einen Page Speed Index von über 85.
  • Für Desktop, Tablet und Smartphone

    Für Desktop, Tablet und Smartphone

  • Individueller Style elegant umgesetzt

    Individueller Style elegant umgesetzt

  • One Pager mit mehreren Breakpoints

    One Pager mit mehreren Breakpoints

  • Mit individuelle Menü Optionen und Hintergrund Bilder

    Mit individuelle Menü Optionen und Hintergrund Bilder

  • Auf wunsch Mehrsprachig

    Auf wunsch Mehrsprachig

  • Template für Video Anwendungen

    Template für Video Anwendungen

Optimiert für:

Realisierte Projekte

eckbilderrahmen.com
Auftragsarbeit für Panovario©

Design ist voll responsive, 4 Breakpoints, animierte Elemente auf der Seite, optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.
etrapez.pl
Auftragsarbeit für eTrapez/Polen

Template für den Vertrieb von Lernvideos, Design ist voll responsive, 4 Breakpoints, Sprungziele für das Video, optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.
panorama-bilderrahmen.com
Auftragsarbeit für Panovario©

Design ist voll responsive, 4 Breakpoints, optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.
atelier-schamarek.de
Auftragsarbeit für die Künstlerin Renate Schamarek

Design ist voll responsive, 4 Breakpoints, optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.

Weitere Design Templates

Melanie
Ein außergewöhnliches responsive Design mit mehreren Breakpoints.

Optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.

Alle Beispiele können beliebig ausgebaut werden.

(Ein Klick auf das Bild öffnet das Beispiel in einem neuen Fenster.)
Mondrian
Ein außergewöhnliches responsive Design mit mehrere Breakpoints.

Optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.

Alle Beispiele können beliebig ausgebaut werden.

(Ein Klick auf das Bild öffnet das Beispiel in einem neuen Fenster.)
Sonnenbrillen Manufaktur
Ein schickes Design mit einem Slider über die ganze Seite. Das Menü ist nur bei "Mouse over" erreichbar, bei mobilen Geräten ist das Menü ständig sichtbar. Mehrere Breakpoints sorgen für ein durchgehend geschmeidiges Design.

Optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.

Alle Beispiele können beliebig ausgebaut werden.

(Ein Klick auf das Bild öffnet das Beispiel in einem neuen Fenster)
Hersteller Schneidwerkzeuge
One Pager, ein einfach gehaltenes Design. Mit mehreren Breakpoints, ein Suchfunktion und im Mittelfeld ein Slider mit mehreren animierten Objekten.

Optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.

Alle Beispiele können beliebig ausgebaut werden.

(Ein Klick auf das Bild öffnet das Beispiel in einem neuen Fenster.)
Mustermann GmbH
One Pager, ein einfach gehaltenes Design. Menü mit intergrierter Suchfunktion, mit mehreren Breakpoints, mehrere animierte Objekte auf  der Seite, im Mittelfeld ein Slider mit mehreren animierten Objekten.

Optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.

Alle Beispiele können beliebig ausgebaut werden.

(Ein Klick auf das Bild öffnet das Beispiel in einem neuen Fenster.)
Der Wald
Ein anspruchsvoller (halb) fluid Design mit ein responsive Carousel und zwei rechte Spalten.

Optimiert für jede Bildschirmorientierung auf Smartphone, Tablet und Desktop.

Alle Beispiele können beliebig ausgebaut werden.

(Ein Klick auf das Bild öffnet das Beispiel in einem neuen Fenster.)