Web & E-Commerce

UI/UX-Design, das Nutzer verstehen – bevor die erste Zeile Code entsteht

Gemeinsam mit LOMA DESIGN gestalten wir Oberflächen für Software, Apps und Portale – mit Nutzerforschung, klickbaren Prototypen und Tests, bevor die Entwicklung beginnt.

Erstgespräch kostenlosAngebot transparent, gern FestpreisDesign mit LOMA DESIGN
Beitragsbild: UI/UX-Design
Kurz & klar

UI/UX-Design umfasst bei Nano Concepts Nutzerforschung, Nutzerflüsse, Wireframes, klickbare Prototypen, Usability-Tests und das finale Oberflächendesign mit Design-System für Software, Apps und Portale – gestaltet gemeinsam mit der Partneragentur LOMA DESIGN am selben Standort in Dudenhofen bei Speyer. Die Kosten richten sich nach den Paketen Starter ab 2.500 €, Professional ab 8.000 € oder Enterprise (individuell); das genaue Angebot folgt nach einem kostenlosen Erstgespräch. Für den Start reicht eine kurze Beschreibung Ihres Produkts oder Ihrer Idee.

UX-Design-Agentur für Software, Apps und Portale

UI/UX-Design entscheidet, ob eine Software im Alltag gern genutzt oder nur geduldet wird. UX steht für die Nutzererfahrung – also die Frage, ob Menschen ihr Ziel schnell und ohne Umwege erreichen. UI ist die Oberfläche, über die das geschieht: Buttons, Formulare, Tabellen, Navigation. Beides gehört zusammen, und beides lässt sich prüfen, bevor programmiert wird.

Unser Weg beginnt bei den Menschen, die das Produkt nutzen: Wir sprechen mit Mitarbeitenden, Kunden oder Außendienstlern, beobachten Arbeitsabläufe und sammeln die Stellen, an denen es heute hakt. Daraus entstehen Nutzerflüsse, Wireframes und klickbare Prototypen in Figma, die wir mit echten Nutzern testen – lange bevor eine Änderung teuer wird.

Die Gestaltung übernimmt unsere Partneragentur LOMA DESIGN am selben Standort, die Umsetzung Nano Concepts. Dadurch berücksichtigt das Design von Anfang an, was technisch sinnvoll ist, und die Entwicklung erhält Komponenten, Zustände und Abstände sauber dokumentiert. Das Ergebnis eignet sich für Web-Applikationen, Mobile Apps, Dashboards und Kundenportale gleichermaßen – und lässt sich mit jedem neuen Release konsistent erweitern.

Als UX-Design-Agentur arbeiten wir mit LOMA DESIGN Hand in Hand: Die Partneragentur gestaltet, Nano Concepts entwickelt – beide am selben Standort. Für Sie heißt das, dass ein gutes UI/UX-Design nicht an der Umsetzung scheitert, weil Komponenten, Zustände und Abstände von Anfang an für die Entwicklung dokumentiert sind. Ob Sie eine App-Design-Agentur für ein neues Produkt suchen oder eine bestehende Software verbessern möchten: Wir beginnen bei den Menschen, die sie täglich nutzen.

Viele Unternehmen möchten zunächst einen Prototyp erstellen lassen, bevor sie in die Entwicklung investieren. Ein klickbarer Prototyp in Figma zeigt früh, ob Abläufe verständlich sind, und lässt sich mit echten Nutzern testen. Bei bestehender Software decken ein UX-Audit oder ein Usability-Test die größten Hürden auf. Die Kosten für UI/UX-Design hängen vom Umfang ab – vom kompakten Prototyp bis zum Design-System für mehrere Produkte. Ein transparentes Angebot erhalten Sie nach dem kostenlosen Erstgespräch.

Typische Anzeichen, dass sich UI/UX-Design lohnt

  • Ihre Mitarbeitenden umgehen die Software mit Excel-Listen und Notizzetteln, weil die Bedienung zu umständlich ist.
  • Neue Nutzer brauchen lange Einarbeitung oder wenden sich ständig an den Support.
  • Sie planen eine App oder Plattform und möchten die Idee testen, bevor Sie in die Entwicklung investieren.
  • Ihr Produkt ist über Jahre gewachsen und jede Ansicht sieht ein wenig anders aus.
  • In Formularen und Prozessen brechen viele Nutzer ab, ohne dass klar ist, warum.
Leistungsumfang

UI/UX-Agentur mit Prototyp, Usability-Test und Design-System

Oberflächen für Software, Apps und Portale – erforscht, als Prototyp getestet und mit LOMA DESIGN gestaltet.

Nutzerforschung & Interviews

Gespräche, Beobachtungen und die Auswertung vorhandener Daten zeigen, wie Nutzer arbeiten und wo sie heute scheitern.

Nutzerflüsse & Informationsarchitektur

Wir ordnen Funktionen, Inhalte und Navigation so, dass häufige Aufgaben mit möglichst wenigen Schritten erledigt sind.

Wireframes & klickbare Prototypen

Von der Skizze zum interaktiven Figma-Prototyp, den Sie und Ihre Nutzer auf Desktop oder Smartphone ausprobieren können.

Usability-Tests

Wir testen Prototypen mit Personen aus Ihrer Zielgruppe und verbessern das Konzept anhand der beobachteten Probleme.

UI-Design & Design-System

LOMA DESIGN gestaltet die Oberflächen im Markenauftritt und dokumentiert Farben, Typografie und Komponenten in einem Design-System.

Barrierearme Gestaltung

Kontraste, Schriftgrößen, Fokuszustände und Tastaturbedienung berücksichtigen wir von Anfang an – orientiert an den WCAG-Richtlinien.

Ihre Vorteile

Warum Unternehmen auf uns setzen

Fehler im Prototyp statt im Code finden

Ein unklarer Ablauf ist im Prototyp schnell korrigiert – in fertiger Software zieht dieselbe Änderung oft Anpassungen an vielen Stellen nach sich.

Weniger Schulung und Support

Verständliche Abläufe reduzieren Rückfragen, Fehleingaben und die Einarbeitungszeit neuer Mitarbeitender.

Design, das sich umsetzen lässt

Weil LOMA DESIGN und Nano Concepts am selben Standort arbeiten, sind Entwürfe von Beginn an technisch durchdacht.

Konsistenz über alle Bildschirme

Ein Design-System sorgt dafür, dass neue Funktionen aussehen und sich verhalten wie der Rest des Produkts.

Einsatzbeispiele

UI/UX-Design in Ihrer Branche

So sieht UI/UX-Design in typischen Branchen aus – konkrete Beispiele aus dem Unternehmensalltag.

Industrie & Fertigung

Ein Wartungs-Dashboard wird so gestaltet, dass Bediener in der Halle und unter Zeitdruck die wichtigsten Werte und Störungen sofort erfassen.

Mehr erfahren

Handel & E-Commerce

Ein Kassen- oder Warenwirtschaftssystem erhält Abläufe, mit denen auch Aushilfen nach kurzer Einweisung sicher arbeiten.

Mehr erfahren

Logistik

Eine Scanner-App für das Lager zeigt pro Arbeitsschritt nur die nötigen Informationen und lässt sich mit einer Hand bedienen.

Mehr erfahren

Gesundheit & Pflege

Eine Patienten-App wird so gestaltet, dass auch ältere Menschen Termine buchen und Dokumente finden, ohne in der Praxis anzurufen.

Mehr erfahren

Immobilien

Ein Makler-CRM ordnet Objekte, Interessenten und Termine so, dass Makler unterwegs auf dem Smartphone sofort den nächsten Schritt sehen.

Mehr erfahren

Finanzen & Versicherungen

Ein Antragsprozess für Kredite oder Versicherungen wird in verständliche Schritte gegliedert, mit Fortschrittsanzeige und hilfreichen Fehlermeldungen.

Mehr erfahren

Dienstleistung & Beratung

Ein Kundenportal für Serviceaufträge zeigt Status, Rechnungen und Ansprechpartner auf einen Blick und reduziert Nachfragen am Telefon.

Mehr erfahren

Handwerk

Eine Auftrags-App für Monteure erfasst Arbeitszeiten, Material und Fotos mit wenigen Eingaben direkt auf der Baustelle.

Mehr erfahren

Startups

Ein Startup testet sein Produktkonzept als klickbaren Prototyp mit ersten Nutzern, bevor Budget in die Entwicklung fließt.

Mehr erfahren

Bildung & Forschung

Eine Lernplattform wird so strukturiert, dass Lernende ihren Fortschritt sehen und Lehrende Kurse ohne Handbuch anlegen.

Mehr erfahren

Tourismus & Gastronomie

Ein Buchungsprozess für Unterkünfte oder Touren wird auf dem Smartphone auf wenige, klar verständliche Schritte reduziert.

Mehr erfahren

Medien & Kreativwirtschaft

Eine Medien-App ordnet Inhalte nach Interessen und macht Suche, Merkliste und Wiedergabe intuitiv bedienbar.

Mehr erfahren
Ablauf

Klickbaren Prototyp erstellen lassen: So arbeiten wir

  1. Discovery & NutzerforschungWir klären Ziele und Zielgruppen, führen Interviews und beobachten, wie Nutzer heute arbeiten.
  2. Nutzerflüsse & WireframesAus den Erkenntnissen entstehen Abläufe und Bildschirmskizzen, die wir gemeinsam mit Ihnen durchgehen.
  3. Klickbarer Prototyp & TestsEin interaktiver Prototyp wird mit Personen aus Ihrer Zielgruppe getestet und auf Basis der Beobachtungen verbessert.
  4. UI-Design mit LOMA DESIGNLOMA DESIGN gestaltet die finalen Oberflächen im Markenauftritt und legt Komponenten und Zustände fest.
  5. Übergabe an die EntwicklungDesign-System, Spezifikation und Prototyp gehen an die Entwicklung – bei Nano Concepts ohne Bruch im selben Team.

Technologien & Werkzeuge

FigmaFigJamMazeStorybookTailwind CSSAdobe IllustratorLottieWCAG 2.2
FAQ

Häufige Fragen zu UI/UX-Design

Ein kompakter Prototyp für eine Website, ein Tool oder eine App-Idee ist im Starter-Paket ab 2.500 € möglich. Umfassende Nutzerforschung, mehrere Testrunden und ein vollständiges Design-System für eine Software liegen meist im Professional-Paket ab 8.000 €; große Produktlandschaften kalkulieren wir als Enterprise individuell. UI/UX-Design kann eigenständig oder als Teil eines Entwicklungsprojekts beauftragt werden.

Für überschaubare Produkte reichen oft wenige Wochen von den ersten Interviews bis zum getesteten Prototyp. Bei komplexer Software planen wir mehrere Iterationen und können einzelne Bereiche parallel zur Entwicklung gestalten.

UX beschreibt die gesamte Nutzererfahrung: ob Abläufe logisch sind und Menschen ihr Ziel erreichen. UI ist die sichtbare Oberfläche mit Layout, Farben, Typografie und Bedienelementen. Gute Produkte brauchen beides – deshalb bearbeiten wir es gemeinsam.

Auch erfahrene Designer können nicht vorhersagen, wie jede Zielgruppe reagiert. Schon wenige Tests mit echten Nutzern decken typischerweise die größten Hürden auf – deutlich günstiger, als sie nach dem Launch zu beheben.

Ja. Wir gestalten mit ausreichenden Kontrasten, klaren Fokuszuständen, verständlichen Fehlermeldungen und Tastaturbedienbarkeit und orientieren uns an den WCAG-Richtlinien. Ob und in welchem Umfang gesetzliche Vorgaben wie das BFSG für Ihr Produkt gelten, sollte rechtlich geprüft werden – unser Hinweis ersetzt keine Rechtsberatung.

Nach dem kostenlosen Erstgespräch folgen Nutzerforschung, Nutzerflüsse und Wireframes, danach ein klickbarer Prototyp mit Tests. LOMA DESIGN gestaltet die finalen Oberflächen, und die Übergabe an die Entwicklung erfolgt mit Design-System und Spezifikation.

Die Nutzererfahrung entscheidet mit, ob Kunden eine Anfrage abschicken oder einen Kauf abschließen und ob Mitarbeitende eine Software gern nutzen. Unverständliche Abläufe führen zu Abbrüchen, Rückfragen beim Support und Fehleingaben. Wer UX früh berücksichtigt, vermeidet teure Änderungen nach dem Launch.

Ein klickbarer Prototyp simuliert eine App oder Software, ohne dass programmiert wird: Bildschirme sind verlinkt, Buttons und Navigation reagieren wie im fertigen Produkt. Damit lassen sich Ideen mit Nutzern testen, Entscheider überzeugen und der Entwicklung eine eindeutige Vorlage geben. Wir erstellen Prototypen in Figma und teilen sie per Link.

Ein Design-System ist eine Sammlung wiederverwendbarer Komponenten, Farben, Schriften und Regeln, die Design und Entwicklung gemeinsam nutzen. Es lohnt sich, sobald mehrere Produkte, Teams oder Kanäle einheitlich auftreten sollen oder eine Software regelmäßig erweitert wird. Neue Funktionen entstehen dann schneller und bleiben konsistent.

Beim UX-Audit prüfen Fachleute eine bestehende Website, App oder Software anhand anerkannter Kriterien und dokumentieren Schwachstellen mit Prioritäten. Beim Usability-Test lösen echte Nutzer typische Aufgaben, während wir beobachten, wo sie hängen bleiben. Beides ergänzt sich: Der Audit findet bekannte Probleme schnell, der Test zeigt das tatsächliche Verhalten Ihrer Zielgruppe.

Ja. Wir gestalten Oberflächen für Mobile Apps und berücksichtigen dabei die Gestaltungsrichtlinien von Apple und Google, damit sich die App auf beiden Plattformen vertraut anfühlt. Auf Wunsch setzt Nano Concepts die App anschließend direkt um, sodass Design und Entwicklung aus einer Hand kommen.

Passend dazu

Verwandte Leistungen

Digital-Lexikon

Begriffe rund um UI/UX-Design kurz erklärt

Magazin

Weiterlesen