Ausgewählte Webdesign-Referenzen.

Referenzen

Eine Auswahl meiner Arbeiten – von Markenauftritten über E-Commerce bis hin zu Web-Apps.

Case 012026

Eigenes Produkt · Desktop-App

AyCode

Mein eigenes Produkt: eine ruhige Desktop-App, die Claude Code, Codex, Gemini, Grok und weitere Coding-Agenten in einem Fenster vereint. Mit dem Obsidian-Vault als Second Brain hinter jeder Antwort.

Die Ausgangslage

Wer mit KI programmiert, arbeitet heute mit mehreren Agenten: Claude Code im einen Terminal, Codex im nächsten, dazu Notizen, Entscheidungen und offene Aufgaben an ganz anderen Orten. Jedes Werkzeug kennt nur seinen eigenen Ausschnitt, und was gestern besprochen wurde, ist morgen wieder weg.

Electron · React · TypeScript · KI-Agenten

Case 022026

Event-Plattform · Automotive

SHIFTED Events

Automotive-Kultur, digital auf die Straße gebracht. Ein eigenständiger Auftritt für SHIFTED: mit filmischer Bildwelt, Fahrzeugbewerbung und einer Plattform hinter dem Event.

Die Ausgangslage

Eine neue Eventmarke braucht mehr als Logo und Termin. SHIFTED sollte die Energie der Tuning-Szene spürbar machen und gleichzeitig einen klaren Einstieg für Besucher, Fahrzeugbesitzer und die Crew schaffen.

Next.js · GSAP · MongoDB · Event-Plattform

Case 032026

Webdesign · Corporate

HUNARI

Der Markenauftritt für ein IT-Systemhaus und KI-Dienstleister aus Düsseldorf – kompromisslos schwarz mit Neon-Akzent, klarer Fokus auf Managed Services, Cybersecurity und Cloud.

Die Ausgangslage

Das Leistungsspektrum — Managed Services, Cybersecurity, Cloud und KI — war online nicht greifbar. Der Auftritt wirkte austauschbar und wurde der technischen Kompetenz des Systemhauses nicht gerecht.

Next.js · Corporate · Motion · KI

Case 042026

Webdesign · Gaming

Veylor

Der Webauftritt für ein deutsches Minecraft-Netzwerk – dunkles Violett, voxelige Energie und ein Auftritt, der die gewachsene Community in den Mittelpunkt stellt.

Die Ausgangslage

Ein gewachsenes Netzwerk, aber ohne Webauftritt, der die Energie der Community widerspiegelt. Gaming-Websites wirken oft generisch — hier sollte die eigene Marke spürbar und der Einstieg für neue wie bestehende Spieler klar werden.

Next.js · Gaming · Community · Motion

Case 052026

Webdesign · E-Commerce

Folien-FX

Ein Synthwave-Webshop für Folien & Werbetechnik – inklusive Produkt-Konfigurator, Checkout und eigenem Admin-CMS. Violett-magenta Verlauf, viel Glanz.

Die Ausgangslage

Werbetechnik-Aufträge liefen komplett über manuelle Anfragen: Angebote per E-Mail, keine Online-Bestellung, keine Selbstverwaltung der Inhalte. Viel Aufwand für jeden einzelnen Auftrag.

Next.js · Shop · Konfigurator · Synthwave

Was diese Referenzen tatsächlich zeigen.

Ein Screenshot allein belegt noch keine gute Projektarbeit. Deshalb ordnen die Case-Seiten nicht nur die Oberfläche ein, sondern auch Ausgangslage, Entscheidungen, umgesetzte Bestandteile und die Grenzen veröffentlichter Ergebnisse.

Unterschiedliche Geschäftsmodelle

SHIFTED macht Automotive-Kultur als Event-Plattform erlebbar, HUNARI erklärt komplexe IT-Leistungen, Veylor übersetzt eine gewachsene Gaming-Community in eine eigene Markenwelt und Folien-FX verbindet Produktdarstellung mit Konfiguration und Bestellung. Die Lösung folgt jeweils der Aufgabe, nicht einem wiederverwendeten Layout.

Design und Entwicklung zusammen

Informationsarchitektur, visuelle Richtung, responsive Verhalten, Motion und technische Umsetzung werden als ein System betrachtet. Dadurch bleibt die Idee nicht in einem statischen Entwurf stecken, sondern wird bis zu Formularen, CMS und Betrieb durchdacht.

Nachvollziehbare Einordnung

Öffentlich sichtbare Funktionen und Projektbestandteile lassen sich direkt prüfen. Leistungswerte oder Community-Größen werden nicht als allgemeine Erfolgsgarantie interpretiert; wo Messbedingungen fehlen, steht die qualitative Umsetzung im Vordergrund.

Ein Ausgangspunkt, keine Schablone

Die Cases sollen dir helfen, Arbeitsweise und Qualitätsanspruch einzuordnen. Dein Projekt bekommt daraus keine kopierte Optik. Im Erstgespräch klären wir, welche Entscheidungen, Inhalte und Funktionen für dein Angebot tatsächlich relevant sind.

Du möchtest zuerst Leistungsumfang und Preisrahmen vergleichen oder direkt über eine ähnliche Aufgabe sprechen? Die Angebotsseiten machen den nächsten Schritt transparent.