Mobile Responsive Webdesign Heidelberg

Mobile Responsive Webdesign Heidelberg

Wieso sollte mich Mobile Responsivität interessieren?

Eine moderne Website wird immer häufiger auf mobilen Endgeräten wie Smartphones und Tablets betrachtet. Bereits im Jahr 2017 lag der Anteil mobiler Endgeräte an allen Seitenaufrufen in Europa bei knapp 41%. In anderen Regionen der Welt ist dieser Anteil noch wesentlich höher: in Asien werden Webseiten zu beinahe 70% nur noch auf Handy oder Tablet geöffnet. Der Trend ist ebenfalls klar abzusehen: Die Zukunft des Internets ist mobil. Wer seinen Kunden in diesem responsive web keine mobil-optimierte Homepage bietet, der verliert diese schneller, als ihm lieb ist.

Dass dies jede Menge Kunden sein könnten, wird beim Blick auf die Nutzerzahlen deutlich: 2019 sollen bereits 56,3 Millionen Deutsche auf ihren iPhones und Samsungs im Internet unterwegs sein — doppelt so viele User wie noch 2013. Und das sind nicht nur Teenager, sondern vorallem auch die Hauptzielgruppe unserer meisten Webdesign Kunden: die zahlungskräftige Kundschaft im Alter von 30 bis 49 Jahren. Diese stellten schon 2017 39% aller mobilen Nutzer. Hochgerechnet heißt das:

Annähernd 22 Millionen High Priority Kunden surfen im mobilen Web.

Können Sie sich erlauben, diesen Kunden ein veraltetes Web Design zuzumuten?

Entscheiden Sie sich jetzt für eine professionelle mobile responsive Homepage!

Wenn Sie sich von uns eine neue Homepage erstellen lassen, legen wir als Ihre Webdesign Agentur großen Wert auf Responsive Web Design (RWD). Wie wir dies technisch umsetzen, erklären wir Ihnen gerne in den folgenden Absätzen. Sie können sich auch gerne ein Bild unserer Arbeit in unserem Webdesign Portfolio machen oder uns Ihre Fragen direkt stellen.

Wie funktioniert Mobile Responsive Webdesign?

Es gibt mehrere Möglichkeiten, Ihre Inhalte optimal auf mobilen Endgeräten anzuzeigen.

App

Den Großteil der Zeit verbringen mobile User mit ihren Lieblingsapps. Viele Webdesign Agenturen und Freelancer werden Ihnen also nahe legen, sich auch eine App programmieren zu lassen — doch das ist meistens nicht ratsam. Statistiken belegen zwar, dass User bis zu 80% der Zeit mit Apps verbringen, der Löwenanteil davon entfällt jedoch auf Social Media, Gaming und große Shops. Kleinere Apps von Unternehmen werden nur selten installiert und dann kaum effektiv genutzt. Schnell ist die App wieder gelöscht. Aufwand und Kosten für eine eigene App lohnen sich nur für die wenigsten Unternehmen, zumal Sie dann auch immernoch eine Homepage benötigen. Denn nach wie vor sind Browser und Suchmaschine das Mittel der Wahl, wenn es um die Suche nach Informationen im Internet geht.

Mobile Homepage

Der erste und noch immer weit verbreitete Lösungsansatz der Webdesigner, Webseiten auf Handys nutzbar zu machen. Sie kennen das: Sie rufen eine Homepage am Handy auf und werden zu einer Subdomain bspw. https://m.stark.marketing weitergeleitet, auf welcher sich eine meist abgespeckte Version der Desktop Homepage befindet. Vorteil ist hier, dass ein rein mobiles Layout verwendet werden kann — Traffic-intensive Elemente wie bspw. hochauflösende Bilder werden einfach entfernt oder ersetzt, um schnellere Ladezeiten zu garantieren. Nachteilig ist hier der erhöhte Pflegeaufwand — Inhaltsänderungen müssen doppelt vorgenommen werden.

Mobile responsive Webdesign

Die moderne Variante, schöne Webseiten auf jedem Endgerät richtig anzuzeigen. Ob im Fixed or Fluid Layout — Ihre Website passt sich einfach an die zur Verfügung stehende Bildschirmgröße an. Und dies in Echtzeit, verändern Sie die Größe des Browserfensters, verkleinern oder ordnen sich die Elemente entsprechend neu an, werden ein- oder ausgeblendet. Dazu werden im Custom Style Sheet (CSS) sogenannte Responsive Breakpoints definiert, an welchen das Design sich wieder neu anpasst.

Im Fixed Layout sind alle Größen und Verhältnisse festgeschrieben — dadurch haben Sie immer genau das gleiche Layout. Es kann bei eher ungewöhnlichen Bildschirmgrößen jedoch zu viel Whitespace oder gar horizontalen Scrollbalken kommen — etwas, das wir in einem responsiven Layout eigentlich gerne vermeiden würden. Daher entscheiden wir uns mit WordPress und Divi für die flexibelste Lösung, das Fluid Layout. Die meisten Elemente werden nicht absolut definiert, sondern prozentual.