Entwicklung User Experience Design & Usability

Responsive Web Design ist heute für jeden Webauftritt unverzichtbar! Die Mehrheit der Menschheit greift mobil mit Smartphones, Tablets und anderen mobilen Endgeräten auf Webauftritte zu. Dieser Trend ist ungebrochen. Der Kunde möchte lesbare Texte und bequem bedienbare Schaltflächen zur Verfügung gestellt bekommen. Aus diesen Gründen ist es essentiell die Nutzung der Webinhalte auch auf kleinere Bildschirmgrößen anzupassen.

Dies erfordert eine andere Art von Webdesign, das mit einem flexiblen Raster auf die verschiedenen Displaygrößen – von Desktop bis Smartphone – reagiert. Die Grundidee hinter Responsive Web Design ist, dass sich die Inhalts-, Navigationselemente und der strukturelle Aufbau des Webauftritts dynamisch an die Auflösung des mobilen Endgeräts anpassen. Dafür bilden Fluid Grids, Fluid images und Media Queries die technischen Grundlagen für den Aufbau eines Responsive Web Design.

Auch ist ein anderer Designprozess notwendig. Wir verfolgen den „Mobile First”-Ansatz: Hier wird mit der kleinsten Bildschirmgröße angefangen und zwingt den Designer so, sich bewusst auf die wichtigsten Inhalte der des Webauftritts zu konzentrieren. Dann wird mit der zunehmenden Bildschirmgröße der Webauftritt Stück für Stück aufgewertet (Progressive Enhancement). Das Ergebnis dieses Prozesses ist für Ihre Kunden besser nutzbar und optimal auf die unterschiedlichen Benutzerziele abgestimmt.

Sie erhalten einen schnell ladenden Webauftritt zur optimalen Nutzung auf allen Endgeräten. Er richtet sich nach der Bildschirmgröße und -ausrichtung des verwendeten Endgeräts und ändert entsprechend das Layout. Dabei werden alle Elemente Ihres Webauftritts, einschließlich Menüs, Inhalte, Bilder, etc. berücksichtigt und skaliert.

Smartphones und Tablets boomen und der Bedarf an Apps wird immer größer. Kommen Sie auch zu dem Entschluss eine mobile Anwendung zu entwickeln, stellt sich gleich die nächste Herausforderung, nämlich die Auswahl des zu entwickelnden App-Typs. Wir helfen Ihnen abhängig vom Anwendungsfall den richtigen auszusuchen.

Für eine reine Informationsdarstellung ist eine schnell umzusetzende und plattformunabhängige Web App ideal. Ein komplexes, systemnahes Werkzeug sollte dagegen als Native App umgesetzt werden. Dazwischen existieren die Hybriden Apps, die die Flexibilität der Webanwendung mit dem Zugriff auf Systemfunktionen vereinbaren.

Für Hybride Apps setzen wir die Open Source Software Apache Cordova ein. Bei diesem Ansatz werden Anwendungslogik und Darstellung mit Webtechnologien realisiert und von Cordova dann für die App Stores verpackt. So entstehen aus einem Entwicklungsprojekt Produkte für Android und iOS und gegebenenfalls auch eine "reine" Webversion, die über Ihren Webauftritt angeboten werden kann.

Die reinen Desktop Zeiten beim E-Commerce sind vorbei. Ihre Kunden fragen nach einem einheitlichen Einkaufserlebnis über verschiedene Endgeräte oder Einkaufskanäle hinweg. Sie sind auf unterschiedlichsten Wegen, Medien und Formaten (Mobile, Voice, Chatbots, Messenger, Instagram, Blended On-/Offline-Filialgeschäft, …) unterwegs. Wir bauen mit Ihnen E-Shops, die eine nahtlose Anbindung verschiedenster Endgeräte und Kanäle unterstützen.

Ihr Kunde bekommt durch das geschickte Zusammenspiel von Ihren Informationsangeboten und Einkaufskanälen einen einfachen Zugang zu Ihren Produkten. Er muss nicht mehr zwischen E-Shop und Webauftritt wechseln, um Tipps zur Anwendung oder weiterführende Lösungen zu finden. Oder er kann von einem Ihrer Social Media Kanäle aus direkt in Ihrem E-Shop einkaufen.

Sie erhalten von uns die komplette Unterstützung für den Aufbau Ihres E-Shops. Wir kreieren für Händler und Hersteller Einkaufswelten im B2B oder B2C-Bereich auf Basis von Shopify oder OXID. Das bedeutet wir erzeugen Design Templates, entwickeln kundenspezifische Komponenten, helfen bei der Pflege der Produktinformationen, begleiten Ihr Online-Marketing und hosten Ihr E-Commerce System. Wir sind Shopify Partner und erzeugen Ihren Onlineshop mit Shopify oder Shopify Plus. Darüber hinaus setzen wir zusätzlich auf das OXID E-Shop System, um Ihre eigene Shop Welt aufzubauen.

Sie präsentieren Inhalte in Corporate Identity-gerechter Aufmachung, behalten den Überblick über Struktur und Inhalte eines Webauftritts, unterstützen die Kommunikationsprozesse und ersparen viele Detailaufgaben und den Erwerb technischer Kenntnisse: Content-Management-Systeme sind wichtige Helfer für die Kommunikation im Web.

Aber frisch installiert tut ein CMS nichts von alledem. Die Gestaltungsregeln des Corporate Identitity müssen in CSS und Backend-Konfigurationen umgesetzt werden. Benutzergruppen, Zugriffsregeln und Vorschau-/Freigabeprozesse warten auf Einrichtung. Die vorhandenen Bausteine zur Strukturierung der Inhalte sind anzupassen und gegebenenfalls zu ergänzen. Erst so entsteht ein fertiges System, das seinen vollen Nutzen entfaltet.

Wir setzen bei der Einrichtung auf das quelloffene TYPO3 CMS. Mit seinen Konfigurationsschnittstellen bis in die Tiefen der HTML-Codeerzeugung bietet es uns die Möglichkeit, genau das gewünschte Aussehen herauszuholen, ohne Kompromisse beim technischen Aufbau der Seiten einzugehen - wichtig für Suchmaschinen oder Assistenztechnologien wie Screenreader.

Für die wiederkehrenden Abschnitte eines Webauftritts richten wir Inhaltselemente ein, die nicht nur für eine konsistente Präsentation der Inhalte sorgen, sondern die Redakteure leiten - etwa durch die Kenntlichmachung von Pflichtangaben - und ihnen die Anordnung und Formatierung der Einzelbestandteile abnehmen. Wer will sich schon merken, welche Klasse an ein Bild geschrieben werden muss, damit es später in der Übersicht der Neuigkeiten auftaucht?

Schließlich ist TYPO3 offen für Funktionserweiterungen, seien es fertige Module, die quasi zum Standard auf ihrem Gebiet geworden sind und von uns „nur” an das Corporate Identity angepasst werden müssen, oder komplett neue Entwicklungen, die wir von der Datenverwaltung bis in die Darstellung nach Ihren Vorgaben realisieren. Bei Bedarf lassen sich ganze Webanwendungen eng mit dem Webauftritt verzahnen, sodass Inhalte der Anwendung von allen Verwaltungs- und Darstellungsmöglichkeiten des CMS profitieren.