responsive » Sylvio Hansch « responsive

» Professionelles Webdesign in Augsburg «

Was ist responsive Webdesign?

Responsive Layout
Eine Homepage für Desktop-PC, Tablet-PC...

... und Smartphones!

Wenn sich der User Ihre Website mit dem Smartphone ansieht, wird die komplette Homepage normalerweise stark verkleinert. Dadurch ist es fast nicht mehr möglich, die Seiten optimal zu bedienen - nicht so beim responsive Webdesign.

Woran Sie responsive Webdesign erkennen und welche Vorteile es hat, erfahren Sie weiter unten auf dieser Seite.

Vorteile - responsive Design

Woran erkenne ich responsive Webdesign?

Responsive Design
Ganz einfach - probieren Sie es aus!

Positionieren Sie Ihren Mauszeiger am rechten Rahmen Ihres Browserfensters (Firefox, Internet Explorer, Chrom usw.), bis der Doppelpfeil erscheint (siehe Abbildung links). Dann ziehen Sie mit gedrückter Maustaste Ihren Browser nach links und verkleinern das Browserfenster, in der Breite.

Das Ergebnis bei einem responsive Layout:
Es erscheint kein horizontaler Scrollbalken und die Elemente der Seite (Fotos, Texte usw.) verkleinern sich, bzw. positionieren sich neu. Die Navigation wird je nach Breite automatisch zu einem Dropdown-Menü.

Vorteile - responsive Webdesign

Der große Mehrwert für Ihre Besucher
  • ein Layout für alle Endgeräte
  • horizontales Scrollen und Zoomen entfällt
  • unabhängig vom Endgerät und der Bildschirmauflösung funktionierende Webseite
  • alle Inhalte (Texte, Fotos) passen sich automatisch und flexibel an

 

Fakten, die für responsive Design sprechen
  • steigender Marktanteil von Tablet PC´s und Smartphones
  • steigende Anzahl von mobilen Einkäufen im Internet
  • geräteübergreifenden Flexibilität
  • steigert den Erfolg Ihrer Homepage in sozialen Netzwerken und in Suchmaschinen
  • reduziert Aufwand und Kosten für die Pflege und nachträgliche Erweiterungen Ihrer Homepage

 

Standard Auflösungen von Smartphones und Tablet PC´s:
Smartphones:320px bis 480px
Tablet PC´s:768px bis 1024px
Desktop PC´s:1024px+

Kundenstimmen

2page_img2
K.Sandner
"Professionell, schnell und kompetent. Änderungen oder Erweiterungen werden schnell und unkompliziert umgesetzt."
Dr.med. G.Fuchs
Dr. med. G.Fuchs
"Gute Beratung und schnelle Umsetzung. Wir sind immernoch sehr zufrieden mit der Arbeit von Sylvio Hansch."
Noemi Matsutani
N. Matsutani
"S.Hansch hat mein exklusives Design genauso umgesetzt, wie ich mir das vorgestellt habe. Sehr zu empfehlen."
B. Wölfle
B. Wölfle
"Rundherum eine stimmige Angelegenheit. Sehr kompetent und eine gute Umsetzung. Immer wieder gern"
A. Scheerbaum
A. Scheerbaum
" Ich muß Ihnen wirklich ein großes Lob aussprechen! Das ist super toll geworden!! Vielen Dank auch für professionelles, freundliches und kompetentes Arbeiten! "

So sieht responsive Webdesign aus!

Portrait Layout responsive
iPhone Portait - 320x480
Links sehen Sie ein iPhone im "Portrait"-Layout - also Hochformat. Als Beispielseite habe ich den Kunden www.ridersprojekt.de von mir ausgewählt. Ridersprojekt organisiert Motorradtransporte-und Reisen nach Sardinien, Andalusien, Schottland u.v.m.. Beim responsive Layout werden alle Elemente der Seite (Fotos, Texte usw.) automatisch verkleinert und neu positioniert. Es ist kein horizontaler Scrollbalken zu sehen. Die Navigation im oberen Teil der Seite wird automatisch zu einem Dropdown-Menü.

iPhone Landscape - 480x320

Im "Landscape"-Format, also Querformat habe ich das Beispiel der Praxis Orthix aus Ausgburg gewählt. Auch hier ist kein horizontaler Scrollbalken zu sehen. Damit entfällt für den Smartphonebesitzer das horizontale Scrollen aber auch das Zoomen. Denn die Website passt sich automatisch an die vorgegebenen Pixel (480x320) an.

responsive landscape Layout


iPad Portrait - 768x1024

Auch das iPad-Portrait-Format (Hochformat) zeigt alle Elemente deutlich und übersichtlich an. Ein horizontaler Scrollbalken ist hier ebenfalls nicht vorhanden und der iPad-User sieht ohne Zoomen die komplette Breite der Homepage mit dem gesamten Inhalt.

responsive ipad Layout

Referenzen - responsive Design

Responsive Webdesign? Ich helfe Ihnen!

Rückruf

Rückruf

Rückrufservice. Gern rufe ich Sie zurück und wir besprechen Ihr neues Webdesign.
zum Rückrufservice
E-Mail

Per E-Mail

Gern können Sie mir Ihr Anliegen auch per E-Mail schildern. Ich melde mich bei Ihnen.
E-Mail schreiben
Formular

Angebot

Fordern Sie hier Ihr unverbindliches Angebot für Ihr neues Webdesign an.
Angebot anfordern

Responsive Webdesign - für Ihre Homepage?

Nutzen Sie die Vorteile!

Die Nutzung mobiler Endgeräte (Tablet PC´s, Smartphones) im Internet nimmt stetig zu. Nutzen auch Sie die Vorteile eines responsive Layouts. So können Inhalte Ihrer Homepage sowohl auf mobilen Endgeräten, als auch auf Desktop PC´s optimal angezeigt werden. Die Besucher Ihrer Website werden es Ihnen danken. Responsive Webdesign steht jetzt auch für das CMS Joomla (Content Management System) zur Verfügung. Für Firmen, die Ihre Website selbst pflegen wollen.

Gerne stehe ich Ihnen für ein persönliches Gespräch zur Verfügung. Ich freuen mich auf Ihren Anruf oder Ihre E-Mail. Nutzen Sie auch mein Kontaktformular oder machen Sie von meinem kostenlosen Rückrufservice Gebrauch. Ich werde mich dann schnellstmöglich bei Ihnen melden.

jQuery Javascript Wordpress CSS Joomla HTML