Design & Usability


Der Nutzer im Fokus

Sehen & Verstehen

Wir verleihen Ihrer Idee die passende Kontur

Digitale Kommunikationsmedien bieten einen nahezu unendlich schöpferischen Spielraum, um Informationen, Produkte und Dienstleistungen emotional erlebbar zu machen. Selbst komplizierte Sachverhalte können so klar visualisiert werden, dass der Anwender sie sofort versteht.

The details are not the details. They make the design.
Charles Eames

Das Design muss stets die ästhetische Funktion der Gestaltung auf der einen mit Ergonomie und Nutzerführung auf der anderen Seite verbinden. Angemessene Gestaltungselemente wie Typografie, Farb- und Bildwelten transportieren die Kernaussage Ihres Unternehmens, während nutzerorientierte Strukturen und eine zielgerichtete Nutzerführung dafür sorgen, dass der Benutzer sich intuitiv auf der Seite zurechtfindet.

Wir geben Ihrer Marke, Ihren Produkten und Dienstleistungen ein attraktives Äußeres. Egal, ob nach Vorgabe oder in komplett neuer Gestalt. Ob modern oder klassisch, emotional oder sachlich. In jedem Fall: Zielgruppen- und mediengerecht. Und natürlich aufmerksamkeitsstark.

Responsive Design

Mehr als einfach nur angepasst

Responsive Design ist Grundvoraussetzung für eine erfolgreiche Präsenz und wird von Nutzern heutzutage ganz einfach erwartet. Wir sorgen für ein einheitliches Markenbild über alle Kanäle und Geräte hinweg.  

Unser Design-Workflow

Styleguide Driven Development

Durch die Vielzahl unterschiedlicher Endgeräte, ist auch das Responsive Webdesign komplexer geworden. Viele Designentscheidungen verlagern sich in den Entwicklungsprozess, weil sie erst dort offensichtlich werden.

Das Design sieht auf unterschiedlichen Endgeräten auch immer unterschiedlich aus. Es reicht daher nicht, einfach „nur“ eine Optimierung von drei Auflösungs-Varianten (Desktop, Tablet, Smartphone) abzudecken.

Aus diesem Grund nutzen wir bei ONM einen Designprozess nach dem Prinzip des sog. "Styleguide Driven Development".

Dieser arbeitet nicht mit der klassischen Entwurfsumsetzung in Form eines Screendesigns, sondern mit der Gestaltung wiederverwendbarer Darstellungselemente.

Diese Elemente können individuell miteinander kombiniert werden und ermöglichen so einen flexiblen Seitenaufbau, der auf alle Auflösungs- und Darstellungsvarianten angewendet werden kann.

Leistungen Design

  • Wireframes / Mockups

    Bereits während der Konzeptionsphase erstellen wir einen Prototypen Ihrer Webseite oder Anwendung. Damit können das Bedienkonzept und die Anordnung wichtiger Inhalte und Funktionen schon vor der Umsetzung getestet und optimiert werden.

  • Navigationskonzept

    Mit nur wenigen Klicks zum Ziel: Im Navigationskonzept legen wir Umfang, Hierarchie und Klickfolgen fest.

  • Screendesign-Entwicklung/Design-Adaption

    Auf Wunsch entwickeln wir eine komplette Designsprache oder adaptieren die Vorgaben Ihres Corporate-Designs.

  • Responsive Design

    Wir entwickeln Lösungen, die sich allen Endgeräten und Größen anpassen. Dabei achten wir zusätzlich darauf, dass das Bedienkonzept den Anwender bei seinen Eingaben jederzeit unterstützt.

  • Erstellen von Designkonzepten und Styleguides

    Nach der Entwicklung eines groben Designkonzepts, welches das „Look & Feel” festlegt, erstellen wir darauf aufbauend einen Living Styleguide inklusive Klickdummies.

  • Interaktive Animationen

    Parallax-Effekte, Überblendungen und kleine interaktive Details machen das Design interessant und lebendig. So bleiben Nutzer länger auf Ihrer Webseite.

  • Barrierefreie Umsetzungen

    Bei der Realisation von Projekten achten wir grundsätzlich auf eine möglichst barrierefreie Umsetzung. Auf Wunsch entwickeln wir nach BITV und prüfen die Umsetzung anhand von Checklisten.

  • Usability-Testing & -Optimierung

    Um sicherzustellen, dass das entwickelte Konzept auch aufgeht, führen wir auf Wunsch gerne Usability-Tests durch.