Zum Inhalt springen
Smartechor

Produktdesign

UI/UX-Design

Wir gestalten Oberflächen für Websites, Web- und Mobile-Apps sowie Unternehmenssoftware: von Nutzerforschung und Wireframes bis zum ausgearbeiteten, klickbaren Prototyp und einem vollständigen Designsystem. Unsere Designer arbeiten mit unseren Ingenieuren zusammen — gebaut wird genau das, was Sie in Figma freigeben.

Das Problem

Verwirrende Bildschirme kosten Sie Kunden und Supportzeit — und Designs, die in der Präsentation überzeugen, lassen sich oft nicht so umsetzen, wie sie gezeichnet wurden.

Chromkacheln, die sich zu einem Raster ordnen — in der Totale

Unser Ansatz

Wir gestalten entlang echter Nutzeraufgaben, testen mit klickbaren Prototypen und übergeben ein Designsystem, das die Entwicklung exakt umsetzen kann.

FitBalance360 — Mahlzeitenplan für die Woche
FitBalance360 auf dem Smartphone — Schlaf, Trinkmenge und Training

Unser eigenes Produkt

FitBalance360

Mahlzeitenplanung, Einkauf und tägliches Tracking in einer App

Produktdetails

Wo es passt

Chromkacheln, die sich zu einem Raster ordnen — von der anderen Seite
  1. Neues Produkt

    Design einer App oder Plattform von Grund auf, vor der Entwicklung am Prototyp validiert.

  2. Redesign

    Modernisierung einer App oder eines Systems, das Nutzer als verwirrend oder veraltet empfinden.

  3. UX-Analyse

    Eine fachliche Prüfung Ihres Produkts mit einer priorisierten Liste von Verbesserungen.

Chromkacheln, die sich zu einem Raster ordnen — von oben

Was Sie erhalten

  • Oberflächen, die Nutzer ohne Schulung verstehen
  • Weniger Abbrüche, mehr abgeschlossene Anmeldungen und Käufe
  • Design, das Ihre Entwickler tatsächlich umsetzen können

Wie wir UI/UX-Design bauen

Chromkacheln, die sich zu einem Raster ordnen — aus der Untersicht
  1. Forschung

    Wer die Nutzer sind, was sie erledigen müssen und wo sie heute hängen bleiben.

  2. Struktur

    User Flows und Wireframes — die Logik des Produkts, vor dem visuellen Design.

  3. Visuelles Design

    Eine ausgearbeitete Oberfläche in Ihrer Marke, als klickbarer Prototyp zum Testen.

  4. Übergabe

    Designsystem, Komponenten und Spezifikationen für Ihre Entwickler — oder wir setzen es selbst um.

Was wir liefern

  • UX-Analyse eines bestehenden Produkts
  • Nutzerforschung und User Flows
  • Wireframes und klickbare Prototypen
  • UI-Design für Web und Mobile
  • Designsysteme und Komponentenbibliotheken
  • Barrierefreiheit (WCAG)

Typische Technologien

  • Figma
  • Prototyping
  • Designsysteme
  • Nutzertests
  • WCAG
Chromkacheln, die sich zu einem Raster ordnen — im Detail

Häufige Fragen

  • Ja. Wir liefern auch reines Design — Prototyp, Designsystem und Spezifikationen für Ihr Team — oder gestalten und entwickeln das Produkt gemeinsam.

  • Ja. Wir gestalten innerhalb Ihrer Marke und können sie zu einem vollständigen Produkt-Designsystem erweitern.

  • Figma-Dateien, die Ihnen gehören, einen klickbaren Prototyp, ein Designsystem mit Komponenten und eine Dokumentation für Entwickler.

Chromkacheln, die sich zu einem Raster ordnen — von hinten, im Gegenlicht

Angebot anfordern — UI/UX-Design

Beschreiben Sie kurz, was Sie brauchen. Sie erhalten ein detailliertes Angebot, in der Regel innerhalb eines Werktags.

Chromkacheln, die sich zu einem Raster ordnen — in der Nahaufnahme

Eine Fachperson liest jede Nachricht persönlich — meist innerhalb eines Werktags.

Setzen wir Ihr Vorhaben gemeinsam um.

Vereinbaren Sie ein unverbindliches Erstgespräch. Wir besprechen Ihre Ziele, die Architektur und das geeignete Vorgehen.