[01]UI UX Design Studio

UI und UX vom Research bis zum Component.

Figma. Tailwind v4. React. Ein Studio, ein Workflow.

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

[01]Wie wir Design machen

Design ist Code,
Code ist Design.

UI UX Design ist kein Mockup-Pixelschieben. Es ist User Research, Information Architecture, Interaction Design, Visual Design und am Ende eine Komponenten-Bibliothek, die im Browser läuft. Wir machen alle Schritte selbst — User Interviews und Heuristic-Audits, Wireframes in Figma, Visual Design mit eigenem Designsystem, Übergabe als React-Components mit Tailwind v4 Tokens. Kein Design-PDF, das beim Entwickler stirbt. Pixel-perfekte Komponenten, die sofort produktiv sind, und Spec-Files, die zum Code passen.

[03]Was im Designsystem steckt

Atomic Components,
production-ready.

Ein Designsystem ist mehr als eine Farbpalette. Es sind Tokens, Komponenten in Varianten, dokumentierte Patterns und ein gemeinsames Vokabular zwischen Design und Code. Wir liefern es als Figma-Library und als Tailwind-Config — beide synchron, beide versionierbar.

  • Design Tokens: Spacing-Scale, Type-Scale, Color-Ramps, Radii, Shadows
  • Atome: Button, Input, Badge, Avatar, Icon (je 5–8 Variants)
  • Moleküle: FormField, Card, Toast, Modal, Dropdown
  • Organismen: Header, Footer, Hero, Pricing-Table, Feature-Grid
  • Patterns: Empty-States, Error-States, Loading-Skeletons
  • Motion: Framer Motion Variants als gemeinsame Library
Endlich ein Designer, der den Code danach selbst schreibt. Kein Übersetzungsverlust zwischen Figma und Production. Spacing, Farben, Animations — alles 1:1.
Marcus L.Head of Product, B2B-SaaS, Münster

[02]Häufige Fragen

Was du wissen solltest.

  • 01

    Was unterscheidet UI von UX?

    UX ist die Struktur (User-Flows, Information Architecture, Interaction). UI ist die Oberfläche (Typografie, Farbe, Komposition). Beides hängt zusammen — wir machen beides.

  • 02

    Arbeitet ihr in Figma oder anderen Tools?

    Figma primär. Variables, Auto-Layout, Component-Variants. Übergabe via Dev-Mode oder direkt als React-Komponente.

  • 03

    Macht ihr nur Design oder auch Implementation?

    Beides. Wir designen in Figma, bauen mit Next.js + Tailwind v4 + Framer Motion. Du kannst auch nur das Design beauftragen — aber der Code-Output ist genau deshalb so gut, weil wir wissen, was wir bauen können.

  • 04

    Wie lange dauert ein UI/UX-Projekt?

    Discovery + Research: 1–2 Wochen. Wireframes + Visual Design: 2–4 Wochen. Designsystem + Build: 3–6 Wochen. Gesamt typisch 6–12 Wochen je Scope.

  • 05

    Brauchen wir ein Designsystem oder reicht ein Mockup?

    Ein Mockup reicht für einmalige Landingpages. Für Apps, Dashboards und alles, was wachsen soll: Designsystem. Sonst zahlst du jedes neue Feature dreimal.

  • 06

    Macht ihr auch Mobile-App-Design (iOS, Android)?

    Nativ-Apps nicht. React Native ja. Web-Apps und PWAs sind Schwerpunkt.

  • 07

    Wer behält die Figma-Files?

    Du. Übergabe in deinen Figma-Workspace, du bist Owner. Wir bleiben optional als Editor für Pflege.

  • 08

    Macht ihr Accessibility-Reviews?

    Standard im Prozess. WCAG 2.2 AA, Kontrastprüfung, Keyboard-Navigation, ARIA-Labels — kein Add-On.

[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.