Wieso sollte mich Mobile Respon­si­vität inter­es­sieren?

Eine moderne Website wird immer häufiger auf mobilen Endge­räten wie Smart­phones und Tablets betrachtet. Bereits im Jahr 2017 lag der Anteil mobiler Endge­räte an allen Seiten­auf­rufen in Europa bei knapp 41%. In anderen Regionen der Welt ist dieser Anteil noch wesent­lich höher: in Asien werden Webseiten zu beinahe 70% nur noch auf Handy oder Tablet geöffnet. Der Trend ist eben­falls klar abzu­sehen: Die Zukunft des Inter­nets ist mobil. Wer seinen Kunden in diesem respon­sive web keine mobil-opti­mierte Home­page bietet, der verliert diese schneller, als ihm lieb ist.

Dass dies jede Menge Kunden sein könnten, wird beim Blick auf die Nutzer­zahlen deut­lich: 2019 sollen bereits 56,3 Millionen Deut­sche auf ihren iPhones und Samsungs im Internet unter­wegs sein — doppelt so viele User wie noch 2013. Und das sind nicht nur Teen­ager, sondern vorallem auch die Haupt­ziel­gruppe unserer meisten Webde­sign Kunden: die zahlungs­kräf­tige Kund­schaft im Alter von 30 bis 49 Jahren. Diese stellten schon 2017 39% aller mobilen Nutzer. Hoch­ge­rechnet heißt das:

Annä­hernd 22 Millionen High Prio­rity Kunden surfen im mobilen Web.

Können Sie sich erlauben, diesen Kunden ein veral­tetes Web Design zuzu­muten?

Entscheiden Sie sich jetzt für eine profes­sio­nelle mobile respon­sive Home­page!

Wenn Sie sich von uns eine neue Home­page erstellen lassen, legen wir als Ihre Webde­sign Agentur großen Wert auf Respon­sive Web Design (RWD). Wie wir dies tech­nisch umsetzen, erklären wir Ihnen gerne in den folgenden Absätzen. Sie können sich auch gerne ein Bild unserer Arbeit in unserem Webde­sign Port­folio machen oder uns Ihre Fragen direkt stellen.

Wie funk­tio­niert Mobile Respon­sive Webde­sign?

Es gibt mehrere Möglich­keiten, Ihre Inhalte optimal auf mobilen Endge­räten anzu­zeigen.

App

Den Groß­teil der Zeit verbringen mobile User mit ihren Lieb­lings­apps. Viele Webde­sign Agen­turen und Free­lancer werden Ihnen also nahe legen, sich auch eine App program­mieren zu lassen — doch das ist meis­tens nicht ratsam. Statis­tiken belegen zwar, dass User bis zu 80% der Zeit mit Apps verbringen, der Löwen­an­teil davon entfällt jedoch auf Social Media, Gaming und große Shops.
Klei­nere Apps von Unter­nehmen werden nur selten instal­liert 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 Unter­nehmen, zumal Sie dann auch immer­noch eine Home­page benö­tigen.

Denn nach wie vor sind Browser und Such­ma­schine das Mittel der Wahl, wenn es um die Suche nach Infor­ma­tionen im Internet geht.

Mobile Home­page

Der erste und noch immer weit verbrei­tete Lösungs­an­satz der Webde­si­gner, Webseiten auf Handys nutzbar zu machen. Sie kennen das: Sie rufen eine Home­page am Handy auf und werden zu einer Subdo­main bspw.

https://m.stark.marketing

weiter­ge­leitet, auf welcher sich eine meist abge­speckte Version der Desktop Home­page befindet. Vorteil ist hier, dass ein rein mobiles Layout verwendet werden kann — Traffic-inten­sive Elemente wie bspw. hoch­auf­lö­sende Bilder werden einfach entfernt oder ersetzt, um schnel­lere Lade­zeiten zu garan­tieren.

Nach­teilig ist hier der erhöhte Pfle­ge­auf­wand — Inhalts­än­de­rungen müssen doppelt vorge­nommen werden.

Mobile respon­sive Webde­sign

Die moderne Vari­ante, schöne Webseiten auf jedem Endgerät richtig anzu­zeigen.

Ob im Fixed or Fluid Layout — Ihre Website passt sich einfach an die zur Verfü­gung stehende Bild­schirm­größe an. Und dies in Echt­zeit, verän­dern Sie die Größe des Brow­ser­fens­ters, verklei­nern oder ordnen sich die Elemente entspre­chend neu an, werden ein- oder ausge­blendet. Dazu werden im Custom Style Sheet (CSS) soge­nannte Respon­sive Break­points defi­niert, an welchen das Design sich wieder neu anpasst

Bei uns: Desktop ab 981px, Tablet zwischen 768px und 980px, Smart­phone bis 767px.

Im Fixed Layout sind alle Größen und Verhält­nisse fest­ge­schrieben — dadurch haben Sie immer genau das gleiche Layout. Es kann bei eher unge­wöhn­li­chen Bild­schirm­größen jedoch zu viel White­space oder gar hori­zon­talen Scroll­balken kommen — etwas, das wir in einem respon­siven Layout eigent­lich gerne vermeiden würden.

Daher entscheiden wir uns mit Word­Press und Divi für die flexi­belste Lösung, das Fluid Layout. Die meisten Elemente werden nicht absolut defi­niert, sondern prozen­tual.

Ein Beispiel zu unserem respon­siven Webde­sign im Fluid Layout:

100% Word­Press Agentur

Word­Press begann als Online Platt­form für Blogs. Mitt­ler­weile ist es das am Weitesten verbrei­tete Content Manage­ment System (CMS) der Welt — lt. eigener Aussage nutzen bereits beinahe 31% aller Webseiten Word­Press im Backend.

Bei uns sind es 100%!

Wir erstellen jede Home­page mit Word­Press — vom Hand­werker bis zum Global Player. Unsere Erfah­rung ermög­licht uns opti­mierte Prozesse für Projekte jeder Größe — und das wirkt sich wiederum positiv auf unsere Webde­sign Preise aus.

Wenn Sie auf der Suche nach einer blitz­schnellen und güns­tigen Lösung sind, schauen Sie sich doch einmal unser Home­page-in-a-day Angebot an!

Wieso Word­Press als Content Manage­ment System (CMS)?

Wenn wir eine Webseite erstellen, lassen wir nichts anbrennen. Eine Word­Press Instal­la­tion ist mitt­ler­weile bei jedem Hoster mit wenigen Klicks und in ein paar Minuten abge­schlossen — wir können also sofort mit der Gestal­tung Ihrer Inter­net­seite beginnen.

Die Möglich­keiten für Webde­sign mit Word­Press sind unend­lich. Es gibt unzäh­lige Word­Press Themes (Design­vor­lagen und Frame­works) und Plug-Ins (Erwei­te­rungen der Website Funk­tionen). Sollten Sie sich bereits für ein Theme entschieden haben, benutzen wir dieses gerne für Ihr Webde­sign.

Wenn Sie uns die Entschei­dung über­lassen, wie wir Ihre Inter­net­prä­senz gestalten, greifen wir zum Premium Word­Press Theme Divi!

Nach der Wahl des Themes und der benö­tigten Funk­tionen, nehmen wir den von Ihnen zur Verfü­gung gestellten Content und gestalten verschie­dene Seiten, Blog-Beiträge oder Projekte nach Ihren Design Vorgaben. Der Unter­schied zu einer stati­schen HTML-Program­mie­rung ist die Verwen­dung von Daten­banken und PHP in Word­Press: dadurch werden dyna­mi­sche Seiten ermög­licht und Inhalts­än­de­rungen gehen immer direkt auf allen betrof­fenen Seiten live.

Sollten Sie später Ände­rungen oder neuen Content imple­men­tieren wollen, ist dies ohne Webde­si­gner oder Program­mier­kennt­nisse möglich. Nach Abschluss Ihres Webde­sign Projekts erhalten Sie von uns gerne eine kurze Word­Press Schu­lung und schon können Sie alleine neue Blog-Beiträge, Produkte oder ganze Seiten online stellen.

Völlige Gestal­tungs­frei­heit

bei all den Webseiten, die sich mit Divi erstellen lassen. Jede Divi Page sieht erstmal gleich aus — aber dann kommt Ihre Divi Agentur und plötz­lich wird Alles möglich.

Oder hätten Sie gedacht, dass diese beiden Home­pages das gleiche Theme nutzen?

All-in-One

Wir nutzen Word­Press in Verbin­dung mit Divi beinahe für jedes unserer Web Design Projekte.

Soll Ihr Projekt günstig oder schnell abge­schlossen werden? Dann suchen wir uns gemeinsam eines der zahl­rei­chen Templates oder Child Themes aus, fügen Ihre Inhalte ein, passen Farben, Typo­gra­phie und Bilder Ihrem Corpo­rate Design an und schon ist Ihre neue, profes­sio­nelle Home­page fertig für den Launch.

Keine Sorge, dass irgend­je­mand jemals die gleiche Page haben könnte, wie Sie. Divi ist kein “Baukasten System”, sondern ein voll funk­ti­ons­fä­higer Layout und Page Builder. Selbst bei der Nutzung von Templates haben wir so viel Spiel­raum für Indi­vi­dua­li­sie­rung, wie Sie wünschen.

Wir freuen uns natür­lich auch ganz beson­ders über Kunden, die bereits mit einer Vision für ihr eigenes Webde­sign zu uns kommen. Entweder bringen Sie bereits Vorlagen von einer anderen Werbe­agentur mit und wir setzen diese gerne schnell und tech­nisch sauber um. Oder wir über­nehmen das Webde­sign Ihrer bishe­rigen, even­tuell veral­teten Website und trans­for­mieren es in Ihre Wunsch Home­page.

Even­tuell haben Sie auch bereits eine Vorstel­lung, aber noch keine Idee ob und wie sich diese umsetzen lässt. Melden Sie sich bei uns und wir finden die passende Lösung für Ihr Webde­sign Projekt!