Service · UI / UX Design

Designs, die Probleme lösen.

Research, UI, Prototyp und Design-System aus einer Hand — keine Pixel ohne Reason.

UI/UX Design aus Wien — von User-Research bis Dev-Handoff. Klickbare Figma-Prototypen vor jeder Code-Zeile, Design-Systeme für Teams, die skalieren wollen.

Research-basiert — getestete Entscheidungen statt Geschmacksfragen

Klickbarer Figma-Prototyp vor jeder Zeile Code

Design-System & Dev-Handoff inklusive

Unternehmen in Österreich vertrauen unserem Design

mesh — Beratung im Studio Wien für UI/UX-Design-Projekte

Unser Prozess

Fünf Schritte vom Research zum Dev-Handoff.

Design ist ein Prozess, kein Mood-Board. Wir teilen jedes Projekt in fünf klar abgegrenzte Schritte mit eigenen Deliverables — damit Sie an jeder Stelle wissen, was Sie bekommen und warum.

  1. 01

    Research & Discovery

    Verstehen, bevor gestaltet wird.

    User-Interviews, Stakeholder-Workshops, Konkurrenz-Analyse und Jobs-to-be-done. Wir starten nicht mit Pixeln, sondern mit Fragen.

    InterviewsPersonasJTBD
  2. 02

    Information Architecture & Wireframes

    Struktur vor Style.

    User-Flows, Sitemap und Lo-Fi-Wireframes. Wenn die Struktur nicht funktioniert, hilft das schönste UI nicht — also klären wir es jetzt, nicht später.

    User-FlowsSitemapLo-Fi
  3. 03

    UI Design

    Pixel-perfekt — und konsistent.

    Hi-Fi-Mockups für jeden Breakpoint, Visual-Language, Komponenten-Stil. Token-basiert von Anfang an, damit später nichts manuell nachgepflegt werden muss.

    Hi-Fi MockupsTokensResponsive
  4. 04

    Prototyping & Testing

    Lieber jetzt finden als nach dem Launch.

    Klickbarer Figma-Prototyp, getestet mit echten Nutzern. 5 moderierte Sessions decken in der Regel 80 % aller UX-Probleme auf — bevor entwickelt wird.

    Figma PrototypeUsability-TestsMaze
  5. 05

    Design-System & Dev-Handoff

    Übergabe ohne Telefonspiel.

    Token-Dokumentation, Komponenten-Library mit Variants, annotierte Specs. Entwicklung kann sofort starten — und Ihr Team das System pflegen, ohne uns dafür zu brauchen.

    Design-SystemSpec-DocsStorybook-ready

Was Sie bekommen

Sechs Deliverables, die in Händen halten.

Kein Folien-Theater. Am Ende jedes Projekts haben Sie konkrete Artefakte — eigentumsrechtlich Ihre, technisch sofort verwendbar.

UX-Research-Report

Personas, Findings aus den Interviews, klare Empfehlungen — das Dokument, das Designentscheidungen begründet.

Wireframes & User-Flows

Lo-Fi-Skizzen aller Screens, dazu Navigations- und Logikdiagramme — die Architektur Ihres Produkts auf einer Wand.

Hi-Fi UI-Designs

Pixel-perfekte Screens für Mobile, Tablet und Desktop — mit Light- und Dark-Mode, falls relevant.

Klickbarer Prototyp

Figma-Prototyp, mit dem Stakeholder und echte Nutzer Ihre App bedienen können — vor jeder Zeile Code.

Design-System

Tokens, Komponenten mit Variants, Spacing- und Typografie-Regeln. Pflegbar von Ihrem Team — auch ohne uns.

Dev-Handoff

Annotated Specs, Komponenten-Doku, Asset-Export. Entwicklung kann sofort starten — kein „wie war das jetzt gemeint?".

Unser Quality-Bar

Was wir unter gutem Design verstehen.

Sechs Prinzipien, an denen Sie unsere Arbeit erkennen — und an denen Sie auch jeden anderen Designer messen können.

01

Hierarchy first

Wenn man die Augen zusammenkneift, muss klar sein, wohin der Blick zuerst gehört. Vor Farbe, vor Icons, vor Animation kommt die visuelle Hierarchie.

02

Daumen-Zone ernst nehmen

Mobile-first heißt nicht nur „responsive". Wichtige Aktionen liegen dort, wo der Daumen sie ohne Verrenkung erreicht — nicht oben rechts auf einem 6,7"-Display.

03

WCAG AA als Floor, nicht als Ziel

Kontrast, Fokus-States, sinnvolle Tab-Reihenfolge, Alt-Texte. Nicht extra, nicht später — Default ab dem ersten Mockup.

04

8-pt-Grid & Tokens

Spacing, Radius und Schriftgrößen kommen aus einem System, nicht „aus dem Auge". Macht Designs konsistent, Komponenten austauschbar und Code wartbar.

05

Empty-, Loading- & Error-States by default

Designt — nicht „macht der Entwickler später irgendwie". Genau diese Zustände entscheiden, ob sich ein Produkt fertig oder unfertig anfühlt.

06

Microcopy ist UI

Button-Labels, Fehlermeldungen, Empty-State-Sätze entscheiden über Vertrauen mehr als jede Hero-Headline. Schreiben wir vom ersten Mockup an mit, statt „Lorem ipsum" reinzulegen.

Referenzen

Ausgewählte Design-Projekte

Corluna UI/UX Design
Cardseven Interface Design
Straight Up Interface Design
Jobs Mentor UI Design
Ramsos UI Design

Pet-Health · Mobile UI

Corluna

Zum Projekt

Fintech · UI System

Cardseven

Zum Projekt

B2B · Plattform-Design

Straight Up

Zum Projekt

HR · Marketplace UI

Jobs Mentor

Zum Projekt

B2B Services · Booking UI

Ramsos

Zum Projekt

In Zahlen Was mesh bisher geliefert hat

12x

Entwickler

93x

Abgeschlossene Projekte

142x

Kombinierte Jahre an Erfahrung

Kontakt

Reden wir über Ihr Design-Vorhaben

Meriton Shurdhani — Ansprechpartner bei mesh

Egal ob Neudesign, Redesign oder Aufbau eines Design-Systems für Ihr internes Team — in einem kurzen Gespräch klären wir, ob Research, UI oder Design-System der richtige Einstieg ist. Kein Sales-Pitch, kein Druck.

Meriton Shurdhani

CEO

FAQ

Häufige Fragen zu UI/UX Design

Klare Antworten auf die Fragen, die wir am häufigsten von Unternehmen aus Österreich hören.

Was ist eigentlich der Unterschied zwischen UX und UI?
UX (User Experience) klärt: Was bauen wir, für wen, in welcher Reihenfolge, mit welcher Logik. UI (User Interface) klärt: Wie sieht es aus, fühlt es sich an, klingt es. Gute Projekte brauchen beides — und meistens dieselben Leute, die zwischen beiden Ebenen wechseln können.
Was kostet ein UI/UX-Projekt?
Ein fokussiertes Redesign einer Landingpage liegt häufig zwischen 6.000 € und 15.000 €. Eine vollständige Produkt-UX inkl. Research, Hi-Fi-UI, Prototyp und Design-System startet meist bei rund 25.000 € und kann bei großen Plattformen über 80.000 € liegen. Belastbares Angebot nach dem Erstgespräch.
Wie lange dauert ein Design-Projekt?
Schlanke Redesigns: 2–4 Wochen. Vollständige Produkt-UX inkl. Research, Wireframes, UI und Prototyp: 6–12 Wochen. Aufbau eines Design-Systems läuft typischerweise parallel und ist nach 8–14 Wochen pflegbar übergeben.
Welche Tools nutzt ihr — Figma, Sketch oder Adobe XD?
Standard ist Figma — wegen Live-Collaboration, Token-Plugins, Variants und der besten Dev-Handoff-Tools im Markt. Sketch oder Adobe XD setzen wir nur ein, wenn Ihr Team bereits darin arbeitet und der Wechsel mehr kostet als bringt.
Was bekomme ich konkret am Ende?
Sechs konkrete Deliverables: UX-Research-Report, Wireframes & User-Flows, Hi-Fi-UI-Designs, klickbarer Figma-Prototyp, Design-System mit Tokens und Komponenten — sowie ein Dev-Handoff mit annotierten Specs. Alles in Ihrem Figma-Workspace, alles eigentumsrechtlich Ihres.
Macht ihr auch echte User-Research mit Probanden?
Ja. Moderierte Interviews und Usability-Tests mit echten Nutzern Ihrer Zielgruppe — typischerweise 5 Sessions pro Iteration. Recruiting übernehmen wir auf Wunsch über Maze, UserTesting oder die eigenen Kanäle Ihres Unternehmens.
Brauche ich ein Design-System?
Wenn mehr als ein Designer oder mehr als ein Entwickler an Ihrem Produkt arbeiten — ja. Spätestens beim zweiten Screen rentiert sich Token-basiertes Design: Konsistenz, Wartbarkeit, austauschbare Komponenten. Bei kleinen Marketing-Sites reicht oft eine schlanke Style-Guide-Variante.
Können bestehende Designs überarbeitet oder auditiert werden?
In den meisten Fällen sinnvoller als ein Komplett-Redesign. Wir starten mit einem UX-Audit (Heuristik-Review, Accessibility-Check, Performance-Implikationen) und priorisieren danach: Quick-Wins zuerst, größere Eingriffe mit klarer Begründung.

Ready to mesh with us?

arnela
GET IN TOUCH
GET IN TOUCH
GET IN TOUCH
[email protected]