Mintgreen - Website mit Online-Katalog

Eine Website – hervorragende User Experience auf allen Geräten. SampleZone baut die Website und den Online-Katalog eines Design-Möbel Ateliers. Durch Techniken des Responsive Webdesigns passen sich das Layout und die Bedienführung der Website automatisch den Gegebenheiten von Desktop-Computern, Smartphones oder Tablets an. Ohne Mehraufwand für den Kunden oder den Benutzer.

Projektbeschrieb

Ausgangslage

Unser Kunde Mintgreen möchte seine Produkte in einem Online-Katalog präsentieren. Der Online-Katalog soll dabei sowohl auf dem Desktop, wie auch auf mobilen Geräten eine gute Figur machen, damit Kunden auch von unterwegs mit dem Handy oder vom Sofa aus mit dem iPad im reichhaltigen Angebot stöbern können.

Stellt man die exakt gleiche Internetseite auf unterschiedlichen Geräten dar, ist Enttäuschung vorprogrammiert: langsamer Seitenaufbau, lästiges Scrollen, zu kleine Schriften, etc. vergraulen die Benutzer. Dies rührt daher, dass alle Geräte unterschiedliche Eigenschaften besitzen und auf unterschiedlichen Bedienkonzepten aufbauen.

Mehrspaltige Layouts etwa sehen auf einem Breitbild-Monitor gut aus, auf kleineren Geräten reicht der Platz dafür oft nicht aus. Dies hat nicht nur Auswirkungen auf die Seitendarstellung, sondern auch auf die Navigierung innerhalb der Seite.

Während man am Desktop-Computer oft über eine schnelle und stabile Internetverbindung verfügt, ist dies bei Mobiltelefonen oft nicht der Fall. Dennoch sollen die Inhalte schnell aufgebaut und Bilder schnell geladen werden – ansonsten verlassen die Benutzer die Internetseite schnell wieder.

Umsetzung

Auch wenn sich die optimalen Webseiten-Layout für Desktop und mobile Geräte stark unterscheiden, so unterscheidet sich der darzustellende Inhalt nur unwesentlich. Zwei getrennte Auftritte zu erstellen macht deswegen keinen Sinn. Dank unserem Content Management System RIO CMS wird der Inhalt einmalig erfasst. Die richtige Darstellung auf den mobilen Geräten erfolgt automatisch.

Zur besseren Darstellung der Website auf kleineren Bildschirmen passen wir etwa die Anzahl der Spalten an und entwickeln ein- und ausblendbares Navigationsmenu (siehe Bilder). Verwendetes Bildmaterial wird für schnelle Übertragung optimiert abgelegt.

Kundenzufriedenheit

Dank Responsive Webdesign bietet eine Website auf allen Geräten eine hervorragende User Experience. Kunden verweilen länger auf der Website und die Wahrscheinlichkeit eines Verkaufsabschlusses steigt.