Smartphone oder Rechner?

Die Ansprüche an Internetseite steigen ständig. So sollte eine moderne Seite, unabhängig vom Endgerät des Benutzers, erreichbar bzw. bedienbar sein. Viele unserer Webseiten sind durch das sogenannte "responsive design" für Smartphone, Tablet-PC oder Rechner optimal vorbereitet.


Responsive auf dem Rechner

Am Rechner

Die Darstellung im Browser des Rechners ist in der Regel die Basis für das individuell erstellte Layout Ihrer Internetseite. Hier wird die Gestaltung für die wichtigsten Monitorgrößen festgelegt. Eventuell zoomen manche Bestandteile bis die richtige Größe erreicht ist.

Responsive Design auf dem Tablet.

Das Tablet

Ein Tablet - unabhängig vom Gerätetyp - hat andere Anforderungen an eine Website. Zum einen ist der Monitor kleiner, was zur Folge hat, dass die Inhalte anders strukturiert abgebildet werden müssen. In unserem Beispiel wird im Querformat noch das 3-spaltige Layout eingehalten.

Das gleiche Design im Hochformat.

Tablet - Hochformat

Im Hochformat wird die Seite neu aufgebaut. Im gezeigten Beispiel wird die dritte Spalte jetzt unter der zweiten abgebildet. Hierbei spielt natürlich bei der Konzeption die Wichtigkeit der Inhalte eine wichtige Rolle.

Responsive Design auf dem Mobilgerät.

Auf dem Smartphone

Es ist unbestritten: Die Zahl der Smartphones wächst stetig. Wer denn eines besitzt benutzt es in der Regel auch mit all seinen Möglichkeiten. Das revolutionäre am Smartphone war sicher der Zugriff auf das Internet. Allerdings auf ziemlich kleinen Displays. Die Aufgabe eine "responsive Site" besteht darin die Inhalte der Website auch auf kleinen Monitoren übersichtlich darzustellen und die Bedienbarkeit der Seite zu gewährleisten.

  • Am gezeigten Beispiel wird das Menü iin eine Ausklappmenü gewandelt.
  • Das Hintergrundbild entfällt komplett um den Datendurchsatz möglichst gering zu halten.
  • Alle Inhalte werden linear untereinander abgebildet.

responsive

Relaunch der Internetseite des KSV-Esslingen

KSV

Kunde: KSV-Esslingen
Aufgabenstellung: Neuerstellung der Internetseite des KSV-Esslingen. Dabei soll schon in der Bildsprache die Vielfältigkeit des Vereins zu erkennen sein. Um Neuigkeiten schnell zugänglich zu machen, wurde ein Redaktionssystem intergriert. Somit können die verschiedenen Gruppen unabhängig von einander News posten.

responsive

Webseite Haus am See

Webseite Haus am See

Das Responsive Design der Webseite von "Haus am See" passt sich wie gewünscht an jede Bildschirmgröße an ohne dabei an Aussagekraft oder Lesbarkeit zu verlieren. Durch die Verwendung des News-Elementes können Besonderheiten, wie das täglich wechselnde Mittagsmenü, jeden Tag automatisch aktualisiert werden.

www.haus-am-see-stuttgart.de

responsive

www.wav-stuttgart.de

WAV-Internet

Die Internetseite des Württembergischen Anglervereins ist ein gutes Beispiel für viel Inhalt mit enormem Funktionsumfang. Ein guter Teil der Vereinsverwaltung läuft ebenfalls über die Webseite.

www.wav-stuttgart.de