[01]Web UI UX

Web UI und UX für moderne Browser.

Responsive. Accessible. Performant.

Ausgewählte Arbeiten
5.0Google · 21 Reviews
7.5M+Nutzer erreicht
100PageSpeed Score

[01]Web-Spezifika

Web ist keine App,
Web ist Web.

Web UI UX ist eine eigene Disziplin. Anders als Native-Apps: jeder Viewport, jeder Browser, jede Netzgeschwindigkeit, jedes Eingabegerät. Das bedeutet Mobile-First, Container-Queries statt Media-Only, progressive Enhancement statt JavaScript-Pflicht, Keyboard-Bedienbarkeit als Default. Wir designen und bauen Web-Interfaces, die auf einem 4G-Handy in Bocholt genauso laufen wie auf einem 4K-Display in Düsseldorf. Figma als Werkzeug, Next.js und Tailwind v4 als Output, Vercel als Edge.

[03]Was Web UX wirklich heißt

Drei Ebenen,
die meistens fehlen.

Web-Projekte scheitern selten an der Hero-Section — sie scheitern an dem, was darunter passiert. Form-Validation in Echtzeit, Error-States ohne Frust, Loading-States ohne Layout-Shift, Empty-States mit Sinn, Keyboard-Navigation, die wirklich funktioniert. Wir bauen all das ein, von Anfang an.

  • Form-States: Idle, Focus, Loading, Error, Success — alle designt
  • Loading-Skeletons statt Spinner — schneller wahrgenommen
  • Empty-States mit Aktion (nicht 'Keine Daten')
  • Inline-Error-Messages am Field, nicht oben im Toast
  • Keyboard-Shortcuts in Web-Apps (?, /, Cmd-K)
  • Reduced-Motion respektieren (prefers-reduced-motion)
Wir hatten vorher ein Theme-Setup, das auf dem Desktop super aussah, auf dem Handy aber kollabiert ist. Wibify hat unsere Web-UX vom Mobile aus neu gedacht. Conversion-Rate mobil +38 %.
Tobias R.Marketing Director, B2C-DTC, Düsseldorf

[02]Häufige Fragen

Was du wissen solltest.

  • 01

    Was unterscheidet Web UI UX von App UI UX?

    Web ist offen — kein App-Store, kein einheitlicher Viewport. Du musst alles bedienen: Maus, Touch, Keyboard, Screenreader. Native-Apps haben festere Guidelines (Apple HIG, Material), Web ist freier — und gefährlicher.

  • 02

    Welche Frameworks setzt ihr ein?

    Next.js (App Router) + Tailwind v4 + Framer Motion. shadcn/ui als Base, stark customisiert. Vercel als Hosting.

  • 03

    Macht ihr auch Headless-CMS Anbindung?

    Sanity, Storyblok, Payload — alle drei. Editor-Erfahrung designen wir mit, nicht als Nachgedanke.

  • 04

    Wie testet ihr Web-UI?

    Visual: BrowserStack auf echten Geräten. A11y: axe-core, Lighthouse, manueller Keyboard-Test. Performance: WebPageTest, Vercel-Analytics.

  • 05

    Macht ihr auch Dashboards und komplexere Web-Apps?

    Ja — SaaS-Dashboards, B2B-Tools, interne Admin-Panels. shadcn/ui + Tanstack-Table + Tremor sind unser Default-Stack für datenreiche UIs.

  • 06

    Wie geht ihr mit Browser-Kompatibilität um?

    Modernes Web — die letzten 2 Versionen Chrome, Safari, Firefox, Edge. IE wird nicht supportet. Progressive Enhancement für ältere Browser.

  • 07

    Designt ihr auch Animationen oder ist das Code?

    Beides. Motion-Concept in Figma (Prototype) oder als Storyboard, Umsetzung mit Framer Motion / GSAP.

  • 08

    Macht ihr auch Internationalisierung im UI?

    Ja — i18n im Design mitgedacht (Textlängen, RTL-fähig, Datumsformate), Code mit next-intl oder Lingui.

[02]Selected Work / 2024 — 2026

Was wir gebaut haben.

[03]Leistungen / Was wir machen

Vier Disziplinen. Eine Hand.

Webseiten

Hochperformante Marketing-Sites, Landing Pages und Corporate Websites — gebaut für Conversion und Geschwindigkeit.

  • Next.js & React
  • Headless CMS
  • SEO & Performance
  • A/B Testing

Branding

Markenidentitäten von Logo bis Designsystem — Identitäten die haften und über alle Touchpoints konsistent funktionieren.

  • Logo & Wordmark
  • Visual Identity
  • Designsystem
  • Brand Guidelines

Software

Custom Tools, interne Plattformen und SaaS-Produkte. Vom MVP bis zur skalierbaren Enterprise-Lösung.

  • Web-Apps & Dashboards
  • API & Backend
  • SaaS-Plattformen
  • Internal Tools

Mobile Apps

Native und Cross-Platform Apps mit erstklassiger User Experience — iOS, Android und alles dazwischen.

  • iOS & Android
  • React Native
  • App Store Launch
  • Push & Analytics

[04]Prozess / Wie wir arbeiten

Vom Briefing zum Launch.

Strategie
01/04

Strategie

Wir lernen euch und eure Marke kennen. Ziele, Zielgruppe, Wettbewerb. Daraus entsteht die Roadmap, die alles Weitere trägt.

  • Briefing & Workshop
  • Wettbewerbsanalyse
  • Markenstrategie
  • Roadmap
Design
02/04

Design

Identität, Interface, Prototyp. Hier wird die Marke sichtbar — vom Logo bis zum letzten Pixel der Website.

  • Brand Identity
  • Wireframes & UX
  • UI Design
  • Designsystem
Build
03/04

Build

Entwicklung in modernem Stack: Next.js, React, Performance-first. Sauberer Code, der skaliert und in fünf Jahren noch läuft.

  • Frontend & CMS
  • Backend / API
  • Performance & SEO
  • QA & Testing
Launch & Pflege
04/04

Launch & Pflege

Deployment, Monitoring, kontinuierliche Optimierung. Wir bleiben dran — eure Marke wächst, wir wachsen mit.

  • Go-Live
  • Analytics
  • Wartung & Updates
  • Iteration & Growth

[05]Studio · Hauptquartier

Wibify Studio Bocholt — Außenansicht des Hauptquartiers in der Weidenstraße 58.
Studio
Weidenstraße 58
46395 Bocholt
51.8336° N · 6.6131° E

Unser Studio in Bocholt ist unser Place-To-Be.

Hier entstehen Webseiten, Marken und digitale Produkte für ambitionierte Unternehmen mit Anspruch — kein Großraumbüro, kein Stockwerksplan, dafür direkter Zugang und kurze Entscheidungswege.

Gegründet
2025
Kunden
30+
Region
NRW
Termine
Nach Vereinbarung
Wibify Team beim Fotoshooting im Studio Bocholt — Branding-Produktion für ein Kundenprojekt.
Inside Studio · 02

[06]Kontakt

Lass uns reden.

Direkter Draht zu Kerim — kein Account-Manager und kein Briefing-Telefonspiel zwischen Abteilungen. Erzähl uns von deinem nächsten Projekt für digitale Produkte mit Anspruch, und wir antworten innerhalb von 24 Stunden mit konkreten nächsten Schritten.

Antwort innerhalb 24hQ3 / Q4 verfügbar

Briefing

Schreib uns ein kurzes Briefing.

[07]Profil · Mind behind

Kerim Bilin · Founder
Founder · Bocholt · 2026

Kerim
Bilin.

FounderDeveloperDesigner

Mit zehn das erste HTML-Projekt. Heute ist Wibify ein Studio mit über elf Jahren Erfahrung — Entwickler, Designer und Management in einer Person.

20
Alter
11+
Jahre Code
2015
Erstes Projekt
NRW
Standort

Ergebnisse.

Webseiten, optimiert für echte Ergebnisse.


Letzte 12 Monate — durch echte Kundenprojekte

93 Mio

Seitenaufrufe

3 Mio

Eindeutige Nutzer

1 Mrd+

Netzwerk-Requests

Webseiten, optimiert für echte Ergebnisse.

  • OnPage-SEOBereit, um bei Google gefunden zu werden.
  • Tracking & AnalyseNutzerstatistiken & Marketing-Cookies.
  • 100% ResponsiveDesktop, Tablet, Handy — alles dazwischen.
  • ROI-FirstMaximum aus dem Werbebudget.

Von A bis Z, eine Hand.

Briefing, Konzept, Design, Build, Betrieb — keine Übergaben zwischen Spezialisten. Du redest die ganze Zeit mit dem Studio, das auch wirklich baut.

Vier Werte. Alle 100.

Volle Lighthouse-Punktzahl in Performance, SEO, Barrierefreiheit und Best Practices — Standard bei jedem Projekt, nicht Glücksfall.