Leistung 02

UX/UI-Design

Oberflächen, die Studierende, Lehrende und Verwaltung gleichermaßen ernst nehmen.

Haben Sie Fragen?

Design-Review Ihrer aktuellen Site — 30 Min.

Gespräch vereinbaren

Unser Design-Prozess

Von Nutzerbedürfnis zu getesteter Oberfläche.

01

User Research & Personas

Interviews mit echten Nutzer:innen Ihrer Hochschule — Studierende, Sekretariate, IT. Wir verstehen, wer was sucht und wo die Reibung entsteht.

02

Information Architecture

Card Sorting, Tree Testing, Navigation-Audit. Die Struktur muss stimmen, bevor Pixel gesetzt werden.

03

Wireframes & Prototyping

Lo-Fi Wireframes für schnelles Feedback, Hi-Fi Clickdummy für Nutzertests und Stakeholder-Präsentationen.

04

Visual Design & Design System

Brand-konformes UI-Design mit Komponenten-Library — wiederverwendbar, konsistent, dokumentiert.

05

BITV-Prüfung & Handoff

Accessibility-Check nach BITV 2.0, Kontrastprüfung, ARIA-Konzept. Sauberer Dev-Handoff mit Figma-Specs und Styleguide.

Was Sie erhalten

Design als Übergabedokument.

Figma-Design-System

Komponenten, Tokens, Varianten — als Single Source of Truth für Entwicklung und spätere Erweiterungen.

BITV-2.0-Konformität

Accessibility-Prüfung nach WCAG 2.1 AA / BITV 2.0 mit Prüfprotokoll und Nachbesserungsplan.

Responsive Designs

Mobile, Tablet, Desktop — alle Breakpoints, alle Zustände (Hover, Fokus, Error, Loading).

Nutzertest-Report

Testergebnisse mit Hochschulangehörigen, priorisierten Findings und umgesetzten Änderungen.

Redaktionsleitfaden

Wie Redakteur:innen die Komponenten im CMS nutzen — damit das Design auch nach Go-live konsistent bleibt.

Dev-Handoff

Vollständige Figma-Specs, Export-Assets, Animations-Notizen — kein Interpretationsspielraum für die Entwicklung.

Gutes Design zahlt sich aus — in weniger Supportanfragen und mehr Zufriedenheit.