zum Inhalt
Menü einblenden
Webdesign und Programmierung

Sie sind hier: Webdesign > Mobil angepasste Webseite…

Responsive Design – skalierbare Webseiten für PC und Mobilgeräte

Der Klügere gibt nach und passt sich an – das trifft auch auf zeitgemäße Webseiten zu, die wir gern für Sie im Responsive Design erstellen. Lesen Sie hier mehr darüber.

Responsive Design


Gut für den Nutzer – smart und ladezeitfreundlich

Webdesigner spielt Zieharmonika

Was ist Responsive Design?

Wie bei einer Zieharmonika wird die Website auf einem Smartphone ganz schmal skaliert und entfaltet sich auf einem Desktop-PC zur vollen Breite. Und doch ist es immer dieselbe Webseite. Je cleverer das technisch und inhaltlich umgesetzt ist, desto besser ist das Nutzererlebnis auf jedem einzelnen Gerät.

Sicher kennen Sie das: Webseiten, die man auf dem Smartphone scrollen und zoomen muss, um sie lesen zu können. Denn noch sind viele Webseiten NICHT für Smartphones und Tablet PCs optimiert. Das muß nicht so bleiben! Die Technologie „Responsive Design“ macht es möglich.

Responsive: zu deutsch „ansprechbar“ bezeichnet in dem Zusammenhang intelligente Webseiten, die auf unterschiedlichen Geräten auch unterschiedlich aussehen. Dabei handelt es sich immer um dieselbe Webseite, die „nur“ ihr Erscheinungsbild ändert, je nachdem, ob sie von einem PC, einem Tablet oder einem Smartphone aufgerufen wird. So ändert sich das Layout und die Schriftgröße. Aus dem horizontalen Websitemenü werden zum Beispiel auf dem Smartphone untereinanderstehende Buttons, die ausreichend gross sind, dass sie sich bequem mit dem Finger antippen lassen.

Responsive Webdesign bei Wikipedia


Gut für Ihr Google-Ranking

Immer mehr Menschen benutzen das Internet auf dem Smartphone.

Ein Blick in die Google-Webmaster-Tools zeigt: Google empfiehlt Ihnen als Webmastern dringend, Ihre Homepage optimieren zu lassen. Und zeigt auch die Folgen auf: Eine Benachteiligung für nicht optimierte Seiten.

Ein Grund mehr dafür, die Mobiloptimierung ei uns zu beauftragen. Nicht nur der Nutzer, sondern auch Google würdigt die Mühen, die man für de Anpassung an Mobilgeräte aufgewendet hat. Machen Sie sich bewußt, dass heute, wenn ein Nutzer auf dem Smartphone bei Google sucht, mobil angepasste Seiten im Ranking bevorzugt werden! Für nicht mobil angepaßte Homepages heißt das leider, im Ranking ins Hintertreffen zu geraten, selbst wenn man hochwertige Inhalte bereitgestellt hat. Deshalb warten Sie nicht, bis Sie abgehängt worden sind!


Braucht man extra Smartphonewebseiten?

Nein, denn wenn Ihre Website im Responsive Design erstellt worden ist, passt sie sich an alle Geräte an.

Das ist gut für die Pflege, denn Sie brauchen nach wie vor nur EINE Homepage zu pflegen. Wir leiten Sie dazu professionell an, weil Sie dabei auf die Skalierbarkeit der Inhalte achten müssen.

Für lange Texte und große Bilder haben wir Speziallösungen entwickelt, die auf dem Smartphone diese Inhalte verkleinern, ausblenden oder erst beim Anklicken nachladen.


Wir stecken viel Aufwand in die Entwicklung

Wir haben unser CMS, mit dem wir ausschließlich arbeiten, selbst entwickelt (seit 2006).
Dies gilt auch für die  Technologie zur Integration von Responsive Design. In mehreren Meilensteinen haben wir eine Lösung nach unseren eigenen Vorstellungen entwickelt. Dieser Prozess ermöglicht unserem Team eine intensive Auseinandersetzung und resultiert in passgenauen Lösungen für unsere Kunden.

In dieses Projekt haben wir seit 2010 viel Herzblut und Entwicklungsaufwand gesteckt. Wir möchten den Smartphone-Nutzern auf Ihrer Homepage ein optimales Nutzererlebnis bieten!


Warum uns klassisches Responsive Design nicht vollständig glücklich gemacht hat

Klassisches, "reines" Responsive Design sorgt für eine angepasste Optik durch Anpassung der Layoutvorschriften. Dazu wird erkannt, welche Breite das Browserfenster hat, welches die Website lädt. Dementsprechend wird eine bestimmte Optik geladen. Bereits 2010 haben wir die ersten Projekte mit "reinem Responsive Design" realisiert (siehe Referenzen unten). Dabei stellten wir fest, dass man mit "reinem Responsive Design" schnell an die Grenzen kommt und erweiterten die Möglichkeiten der Anpassung.


Wir erweitern die Möglichkeiten von Responsive Design

Wir integrierten eine Technologie, die es erlaubt, für ein Smartphone eine andere Seitenvorlage auszuliefern (sog. Mobiltemplate). Damit haben wir noch mehr Möglichkeiten der Anpassung, da wir auch die Anordnung von HTML-Elementen, das spätere Nachladen von Inhalten sowie das Ausliefern kleinerer Bilder auf dem Smartphone ermöglichen können.

Wir bieten nicht nur optische, sondern auch technische Optimierungen. Beispiele:


Wir passen bestehende Kundenhomepages nachträglich an

Mit dieser Technologie können wir vorhandene Kundenhomepages mobil machen, ohne sie komplett neu zu erstellen. Natürlich können unsere Kunden bei der Gelegenheit über ein Redesign nachdenken, muss man aber nicht.


Referenzen für Responsive Design

Mit zusätzlichen Mobiltemplate und mobilen Bildformaten, Desktop-Version ist skalierbar:

Mit zusätzlichen Mobiltemplate und mobilen Bildformaten. Desktop-Version ist bei diesen Projekten derzeit noch nicht skalierbar:

Ohne zusätzliches Mobiltemplate / Anpassung nur mit css:

Oxid-Shop mit Roxid-Template:


Werden Sie mobil!

Sie können bei uns als Neukunde eine neue Desktop-Homepage inklusive einer Anpassung für Mobilgeräte beauftragen!

Bestehende Kunden können ihre Websites nachträglich für Mobilgeräte optimieren lassen!

Fordern Sie noch heute ein Angebot an!


Was ändert sich für Websitebetreiber?

Lesen Sie in unseren FAQ: Was Website-Betreiber, Webmaster und Redakteure über mobile Webseiten lernen müssen...


Wir freuen uns auf Ihre Anfrage!

Wir bieten die Neuerstellung Ihrer Homepage im Responsive Design an. Setzen Sie auch auf zeitgemäße Lösungen! Die schlaue Website passt sich an, denn der Klügere gibt nach!

Ich möchte auch eine clevere Homepage, die sich anpasst! Hier anfragen >

 

Kontaktformular

Jetzt kostenloses Erstgespräch vereinbaren

Webagentur lilac-media
W. Flieder und Ch. Schenke GbR
Webdesign & Programmierung aus Halle in Sachsen-Anhalt | Mitteldeutschland

Unsere Berufshaftpflichtversicherung:

Mehr über die IT-Haftpflicht Berufshaftpflicht von LILAC-media W. Flieder & Ch. Schenke GbR, Halle

Signet 'Co2-neutrale Website'

lilac-media auf Facebook
lilac-media auf Google+