Inhalte priorisieren
Überschriften, Texte und Bilder erhalten eine sinnvolle Reihenfolge. Wichtige Informationen bleiben auch dann verständlich, wenn die Spalten untereinander stehen.
Webdesign · Responsive Webdesign
Unterwegs genauso verständlich.
Auf dem Schreibtisch wirkt alles stimmig. Auf dem Smartphone wird die gleiche Seite plötzlich unübersichtlich. Wir gestalten Websites, die sich auf unterschiedliche Bildschirme einstellen.
Ein kleiner Bildschirm zeigt, was wirklich zählt.
Jemand sucht unterwegs Ihre Leistung oder Telefonnummer. Was zuerst sichtbar ist und wie sich die Seite bedienen lässt, macht jetzt den Unterschied.
Wir gewichten Inhalte, ordnen sie sinnvoll an und prüfen die wichtigen Wege auf Smartphone und Desktop.
Wie wird aus einer Seite ein flexibles Layout?
Eine gemeinsame Inhaltsbasis
Bei einer responsiven Website werden Inhalte für unterschiedliche verfügbare Breiten angeordnet. Drei nebeneinanderstehende Karten können auf dem Smartphone untereinander erscheinen. Die Informationen bleiben zusammen gepflegt; ihre Darstellung passt sich an den Platz an.
Die Reihenfolge ist eine inhaltliche Entscheidung
Was am Desktop nebeneinander steht, braucht auf kleinen Bildschirmen eine Reihenfolge. Eine Leistungserklärung sollte beispielsweise vor dem dazugehörigen Kontaktangebot stehen. Ein dekoratives Bild muss nicht den gesamten ersten Bildschirm beanspruchen.
Bedienbarkeit braucht einen eigenen Blick
Ein Layout kann in den Bildschirm passen und trotzdem schwer zu bedienen sein. Kleine Linkflächen, unklare Beschriftungen oder eine lange Navigation bleiben eigenständige Aufgaben. Deshalb werden Darstellung und wichtige Nutzungswege zusammen geprüft.
Daran arbeiten wir mit Ihnen.
Bedienung mitdenken
Menüs, Links und Bedienelemente brauchen ausreichend Platz. Wir berücksichtigen Touch-Bedienung ebenso wie die Nutzung mit Maus und Tastatur.
Medien passend einsetzen
Bilder sollen das Thema erklären und auf kleinen Displays sinnvoll dargestellt werden. Umfang und Einbindung von Medien fließen in die technische Planung ein.
Layouts für verschiedene Bildschirme prüfen.
01
Nutzungswege klären
Wir wählen gemeinsam die Aufgaben aus, die Ihre Besucher besonders häufig erledigen sollen.
02
Layouts abstimmen
Seitenentwürfe zeigen, wie Inhalte in unterschiedlichen Ansichten angeordnet sind. Lange Titel und echte Texte werden früh berücksichtigt.
03
Im Browser prüfen
Wir prüfen vereinbarte Seiten und Funktionen in Desktop- und mobilen Ansichten. Auffälligkeiten fließen vor der Freigabe in die Überarbeitung ein.
Häufige Fragen
Brauchen wir eine eigene mobile Website?
Für einen gemeinsamen Webauftritt planen wir normalerweise eine responsive Website. Inhalte werden zentral gepflegt und je nach verfügbarer Breite angeordnet. Besondere Anforderungen besprechen wir im Projekt.
Kann eine bestehende Website verbessert werden?
Ja, abhängig von Aufbau und Technik können einzelne Bereiche überarbeitet werden. Wir sichten zunächst die betroffenen Seiten und klären, ob gezielte Anpassungen oder ein umfassenderer Relaunch sinnvoll sind.
Ist responsive Gestaltung automatisch barrierefrei?
Nein. Eine anpassbare Darstellung ist nur ein Teil der Bedienbarkeit. Tastaturführung, verständliche Beschriftungen, Kontraste und weitere Anforderungen müssen gesondert betrachtet und geprüft werden.
Wo wird Ihre Website auf dem Smartphone schwierig?
Nennen Sie uns Ihre Website und die Stellen, die Ihnen auffallen. Wir prüfen den Seitenaufbau und die wichtigen Wege auf kleinen und großen Bildschirmen.