---
title: "UX/UI-Design vom Freelancer | Fernando Kylas"
description: "Ich gestalte Oberflächen, die sofort verständlich sind: Recherche, Abläufe, Wireframes und sauberes UI-Design. Projekt starten."
url: https://fkweb.dev/de/leistungen/ux-ui-design/
lang: de
alternates:
  en: https://fkweb.dev/en/services/ux-ui-design/
  fr: https://fkweb.dev/fr/services/design-ux-ui/
  nl: https://fkweb.dev/nl/diensten/ux-ui-design/
  de: https://fkweb.dev/de/leistungen/ux-ui-design/
  x-default: https://fkweb.dev/en/services/ux-ui-design/
---

1.  [Startseite](https://fkweb.dev/de/)
2.  [Leistungen rund um Ihre Website](https://fkweb.dev/de/leistungen/)
3.  UX/UI-Design

# UX/UI-Design

Gute Oberflächen wirken selbstverständlich. Ich untersuche, wie Menschen Ihr Produkt nutzen, gestalte die wichtigen Abläufe und verfeinere jeden Bildschirm, bis der nächste Schritt klar ist.

[Projekt starten](#fkd-cta-title)NutzerforschungWireframesInterface-DesignUsability

## Was dazugehört

01

### Nutzerforschung

Interviews, Analytics und schnelle Tests, um herauszufinden, wo Menschen stecken bleiben.

02

### User Flows

Die Wege durch Ihre Website oder App, aufgezeichnet und vereinfacht.

03

### Wireframes

Layouts mit wenig Details, um die Struktur vor dem visuellen Design abzustimmen.

04

### Interface-Design

Saubere Bildschirme mit klarer Hierarchie, gut lesbarer Schrift und barrierefreien Farben.

05

### Design-Systeme

Komponenten und Richtlinien, die das Produkt einheitlich halten, während es wächst.

06

### Usability-Tests

Echte Menschen lösen echte Aufgaben, die Erkenntnisse fließen zurück ins Design.

Phase: Decide

## So läuft es ab

1.  01
    
    ### Verstehen
    
    Recherche zu Ihren Nutzern, Ihren Zielen und der aktuellen Nutzung.
    
2.  02
    
    ### Abbilden
    
    Flows und Wireframes für die wichtigsten Wege.
    
3.  03
    
    ### Gestalten
    
    Detaillierte Bildschirme und ein klickbarer Prototyp.
    
4.  04
    
    ### Testen
    
    Usability-Sitzungen, dann Verfeinerungen, bevor etwas gebaut wird.
    

## Was Sie erhalten

-   Forschungsergebnisse in verständlicher Sprache
-   User Flows und Wireframes
-   Interface-Entwürfe und ein Prototyp
-   Eine Komponentenbibliothek für Entwickler

### Werkzeuge

FigmaFigJamMazeMicrosoft ClarityGoogle Analytics

### Das Ergebnis

Eine Oberfläche, die man auf den ersten Blick versteht, mit weniger Supportanfragen und weniger abgebrochenen Aufgaben.

Fragen

## Gut zu wissen, bevor Sie starten

Was ist der Unterschied zwischen UX und UI?

UX ist, wie etwas funktioniert: die Schritte, die Logik und der Ablauf. UI ist, wie es auf dem Bildschirm aussieht und sich anfühlt. Ich mache beides, weil eines vom anderen abhängt.

Brauchen Sie Zugang zu echten Nutzern?

Das hilft sehr. Schon fünf kurze Gespräche mit echten Kunden zeigen die meisten Probleme. Wo das nicht möglich ist, nutze ich Analytics und Experten-Review.

Können Sie eine bereits gebaute App verbessern?

Ja. Oft gestalte ich einzelne Abläufe neu, etwa Anmeldung oder Kasse, ohne das ganze Produkt neu zu bauen.

Können Entwickler Ihre Entwürfe unverändert umsetzen?

Ja. Ich baue selbst Websites, daher berücksichtigen die Entwürfe reale Rahmenbedingungen und enthalten klare Vorgaben für alle, die sie umsetzen.

## Verwandte Leistungen

-   [UX-Audit Ich prüfe Ihre Website Bildschirm für Bildschirm und liefere eine Liste von Verbesserungen, nach Wirkung und Aufwand geordnet. Projekt starten.](https://fkweb.dev/de/leistungen/ux-audit/)
-   [Webdesign Ich gestalte klare, schnelle Websites, die zu Ihrem Unternehmen passen und leicht zu pflegen sind. Antwort auf Englisch oder Französisch. Projekt starten.](https://fkweb.dev/de/leistungen/webdesign/)
-   [Webanwendungen Ich entwickle individuelle Webanwendungen, Portale und Dashboards, vom Prototyp bis zur betreuten Version. Projekt starten.](https://fkweb.dev/de/leistungen/webanwendungen/)

## Weiterlesen

[24\. Juni 20267 Min. Lesezeit ### Mit KI gestalten: Entscheidungen hinter einem Layout prüfen Prüfen Sie KI-Webdesign anhand realer Inhalte, Hierarchie, Interaktionen, Barrierefreiheit und späterer Bearbeitung statt allein nach der Vorschau.](https://fkweb.dev/de/wissen/mit-ki-gestalten/)

[26\. Juni 20258 Min. Lesezeit ### Warum das Kopieren einer Konkurrenzwebsite zu falschen Entscheidungen führen kann Nutzen Sie Konkurrenzwebsites als Recherche. Prüfen Sie Zielgruppe, Angebot, Belege und Nutzerwege, bevor Sie Gestaltung oder Funktionen übernehmen.](https://fkweb.dev/de/wissen/konkurrenzwebsite-kopieren/)

Nächster Schritt

## Sie haben ein Projekt im Kopf? Lassen Sie uns darüber sprechen.

Erzählen Sie mir, was es heute gibt und was sich ändern soll. Ich antworte innerhalb von 2 Werktagen, auf Englisch oder Französisch.

[Projekt starten](https://fkweb.dev/de/kontakt/)Oder schreiben Sie mir direkt

[thatsme@fernandokylas.com](mailto:thatsme@fernandokylas.com)