Datenschutzhinweis

Diese Webseite nutzt externe Komponenten, wie z.B. Schriftarten, Karten, Videos oder Analysewerkzeuge, welche alle dazu genutzt werden können, Daten über Ihr Verhalten zu sammeln. Datenschutzinformationen

Responsive Webdesign

Optimale Darstellung für unterschiedliche Endgeräte

Mockup

Laut einer Erhebung durch TNS Infratest im ersten Quartal 2013 nutzen 92% der Smartphone Besitzer ihr Smartphone zu Hause um ins Internet zu gehen oder Apps zu nutzen. 49% der deutschen Bevölkerung ab 14 Jahren nutzen ihr Smartphone immer und überall, während es bei den 20- bis 29-Jährigen sogar 67% sind. 

Die Bedeutung einer für Smartphones und Tabletts angepassten Webseite ist damit nicht mehr zu vernachlässigen und wichtiger Bestandteil der Projektplanung. Gerade weil Anwender immer häufiger auch von zu Hause zum Surfen das Smartphone vorziehen, sind mobile und reaktionsfähige Webseiten immer beliebter geworden. Auf dieser Seite erfahren Sie mehr über reaktionsfähige Webseiten (Responsive Webdesign).

Während auf dem Desktop genügend Platz für vier Bilder nebeneinander sind, reicht es auf dem Tablett nur noch für zwei und auf dem Smartphone nur noch für eins.

Mittels Responsive Webdesign wird an dieser Stelle angesetzt und durch sogenannte Breakpoints das Layout verändert.

Während der Quellcode unverändert bleibt, ändert sich das Spaltenlayout und Design je nach Auflösung des Endgerätes und bietet so immer eine optimierte Ansicht. 

Durch Veränderungen im Rahmenlayout und eine angepasste Navigation wird selbst auf kleinen Smartphones der zur Verfügung stehende Platz optimal genutzt. Insbesondere bei der Umsetzung einer reaktionsfähigen Webseite ist die Zusammenarbeit zwischen Designer und Programmierung sehr wichtig, um für unterschiedliche Endgeräte eine optimale Lösung erarbeiten zu können. Auf diese Weise können selbst komplexere Anwendungen für unterschiedliche Auflösungen realisiert werden. 

Wird großer Wert auf eine geringe Datenmenge gelegt oder soll die Webseite ausschließlich für Smartphones umgesetzt werden, bietet sich eher eine losgelöste mobile Ansichtsvariante an.

Quellenangabe: 
www.tns-infratest.com

Allen Anforderungen gewachsen

Unser erfahrenes Team aus Web-Entwicklern, Grafik-Designern, Fotografen und Marketing-Experten entwickelt für Sie ein auf Ihre Anforderungen zugeschnittenes, modernes Webdesign. Von der Unternehmenswebseite bis hin zum kommunalen Städteportal, wir haben die Lösung.

Erreichbar auf allen Endgeräten

Die für eine Vielzahl von Bildschirmgrößen und -auflösungen, wie bei Mobiltelefonen und Tablets, optimierte Darstellung einer Webseite, ist heutzutage nicht mehr zu vernachlässigen. Seitdem Suchmaschinen wie Google positiv auf Benutzerfreundlichkeit reagieren und weltweit die mobilen Webaufrufe die der Desktops längst überholt haben, gilt es für Web-Designer, sich bereits während der Konzeptionsphase Gedanken über ein reaktionsfähiges Layout zu machen. Unser Team informiert sich täglich über neue Trends und ist auf Grund der großen Erfahrung der ideale Partner für Ihr bevorstehendes Webprojekt.

Die Vorteile

  • Optimierte Inhaltsdarstellung für diverse Bildschirmgrößen 
  • Einmalige Pflege von Inhalten und Kostenersparnis
  • Kein doppelter Content* 
  • Flexibilität und Zukunftssicherheit
  • Optimierung von Bilddaten
  • Reduzierte Datenübertragung 
  • Positive Bewertung durch Suchmaschinen

* Häufig werden mobile Ansichtsvarianten mit Hilfe von Subdomains (z. B. mobil.ihre-domain.de) und Weiterleitungen realisiert, welche von Suchmaschinen als doppelter Content interpretiert und dadurch abgewertet werden können.

Scribble

Vom Scribble zum individuellen Weblayout

Unter Beachtung grundsätzlicher Gestaltungsregeln werden Firmenidentität, Usability, Barrierefreiheit und das grafische Konzept miteinander kombiniert. Es entsteht für jedes Unternehmen eine individuelle Webseite mit Wiedererkennungswert, ein moderner Webauftritt. 

Wir verfolgen das Ziel, den Besucher mit Hilfe eines erkennbaren und intuitiv zu bedienenden Leitsystems durch die Webseite zu führen. Dies erreichen wir durch gezieltes Einsetzen von Farben und Formen in Kombination mit Funktionalität. Klickbare Flächen und besonders wichtige Informationen werden dem Besucher so leicht erkennbar gemacht. Hinzu kommt eine gute Lesbarkeit von Texten, welche sich aus Faktoren wie Kontrast, Schriftgröße, Zeilenabstand und Spaltenbreite zusammensetzt. Durch eine überschaubare Auswahl an aufeinander abgestimmten Farben, wird die Benutzerführung einer Webseite deutlich verbessert. 

Wir orientieren uns stets an vorhandenen Corporate Designs oder erstellen alternativ ein individuelles Farbset. 

Die Reduzierung von Formen und Informationsdichte steht bei unserer Layoutentwicklung im Fokus. Damit die Aufmerksamkeit auf einer Webseite gezielt gelenkt werden kann und ein klar definierter „Call to Action“ erkennbar wird, muss das gesamte Layout ausreichend Raum bieten und eine übersichtliche Aufteilung erhalten.

Die schönste Webseite hilft wenig, wenn sie dem Besucher keinen Mehrwert bietet. Aus diesem Grund entwickeln wir gemeinsam mit Ihnen ein Konzept, um die individuellen Möglichkeiten für technische Lösungen, optimierte Arbeitsabläufe, Datenübertragung oder Kundeninteraktionen zu erarbeiten.

Responsive Webdesign

Beispiele aus unseren Referenzen

 
 

Wir freuen uns, bald von Ihnen zu hören

gotoMEDIA  |  Spielplatzstraße 19  |  33129 Delbrück  |  Telefon +49 (0) 52 50 / 70 85 - 700  |  E-Mail nfgtmdd

gotoMEDIA
Spielplatzstraße 19
33129 Delbrück
Telefon +49 (0) 52 50 / 70 85 - 700
E-Mail nfgtmdd