Verfügbar für erste ausgewählte Projekte

Webdesign / Frontend Development

Ich baue Websites, die technisch überzeugen.

Individuelles Design trifft auf sauberen Code. Mobile-first entwickelt, schnell geladen und so umgesetzt, dass jedes Detail einen Zweck erfüllt.

Projekt besprechen ↗ Arbeitsproben ansehen ↓
  • 01 Kein Baukasten
  • 02 Responsive ab der ersten Zeile
  • 03 Direkt mit dem Entwickler
project/index.js ● LIVE 
01  const website = {
02    design: 'distinctive',
03    code: 'clean',
04    mobile: true,
05    template: false
06  };
07
08  build(website)
09    .optimize()
10    .ship();
Build erfolgreich Vanilla JS · CSS · HTML
PERFORMANCE Fast by default
VIEWPORT 320px → ∞
SEMANTIC HTML✦ MODERN CSS✦ JAVASCRIPT✦ RESPONSIVE UI✦ ACCESSIBILITY✦ PERFORMANCE✦
01 / Arbeitsproben

Ideen, gestaltet
und durchgebaut.

Drei eigenständige Prototypen für konkrete Branchen zeigen, wie unterschiedlich eine Website denken muss – je nach Angebot, Zielgruppe und Aufgabe.

KERNWERK.
LeistungenProjekteKontakt
Projekt starten ↗
METALLBAU / SONDERANFERTIGUNG

Präzision
in Form.

Von der ersten Skizze bis zum fertigen Werkstück.

Ausgewählte Arbeiten ansehen ↘
Berlin · DeutschlandScrollen, um zu entdecken
01
Eigenständiger Prototyp · Handwerk

Kernwerk

Ein überzeugender Webauftritt für einen Metallbaubetrieb – direkt, hochwertig und auf konkrete Projektanfragen ausgerichtet.

Art DirectionResponsive CSSConversion
NACHTSTROM08—09
AUG 26
NACHT
STROM
ELEKTRONISCHE MUSIK
AM HAFEN TICKETS ↗
02
Eigenständiger Prototyp · Kultur

Nachtstrom

Digitale Festivalidentität mit kinetischer Typografie, Programmübersicht und schnellem Ticket-Zugang.

Creative CodingMotionEvent UI
klarraum+Termin buchen
PHYSIOTHERAPIE & BEWEGUNG

Zurück zu dem,
was dir wichtig ist.

Persönliche Therapie, verständlich erklärt und einfach organisiert.

Ersttermin vereinbaren ↗
NÄCHSTER FREIER TERMIN DI · 09:30 Direkt reservieren
03
Eigenständiger Prototyp · Gesundheit

Klarraum

Ruhiges, barrierearmes Praxisdesign mit klarer Leistungsübersicht und einer einfachen Terminführung.

AccessibilityUX WritingBooking Flow
{ }
Transparenz gehört für mich zu gutem Handwerk.

Die Arbeiten oben sind selbst entwickelte Prototypen für konkrete Branchen – keine bezahlten Kundenaufträge. Sie zeigen echte Lösungsansätze, ohne Ergebnisse oder Auftraggeber zu erfinden.

02 / Live im Browser

Nicht behaupten.
Demonstrieren.

Zieh am Viewport und beobachte, wie sich Navigation, Typografie und Layout als System verändern. Keine Animation zum Selbstzweck – echte responsive Logik.

LIVE-KOMPONENTE Responsives Layout-Labor
UNABHÄNGIGES DIGITALSTUDIO

Systeme für
bessere Arbeit.

Strategie, Interface und Code – als ein stimmiges Produkt gedacht.

Projekte ansehen ↗
01Klare Hierarchie
02Flexible Schrift
03Touchoptimiert

Die Vorschau nutzt dieselbe responsive Denkweise wie eine echte Website.

03 / Unter der Haube

Design ist gut.
Guter Code bleibt.

Eine Website muss nicht nur im Screenshot funktionieren. Ich denke an echte Geräte, echte Menschen und daran, was nach dem Launch passiert.

01

Mobile-first, nicht nachträglich

Layouts, Navigation und Touch-Ziele werden von klein nach groß geplant. So fühlt sich die Seite auf dem Smartphone nicht wie die geschrumpfte Desktop-Version an.

02

Performance als Feature

Schlanker Code, sinnvolle Animationen und möglichst wenig Abhängigkeiten. Das spart Ladezeit, Datenvolumen und späteren Wartungsaufwand.

03
</>

Sauber und nachvollziehbar

Semantisches HTML, strukturiertes CSS und JavaScript mit klarer Aufgabe. Kein Effekt um des Effekts willen, kein unnötiger Plugin-Stapel.

04
Aa

Zugänglich gedacht

Kontraste, Tastaturbedienung, reduzierte Bewegung und sinnvolle HTML-Struktur werden direkt mitgedacht – nicht als Reparatur am Ende.

Mein Werkzeugkasten
HTML5CSS3JavaScriptResponsive Design GitREST APIsSEO BasicsFigma → Code
04 / Zusammenarbeit

Ein klarer Weg von
„Was wäre, wenn?“ zu live.

Direkte Kommunikation, sichtbare Zwischenstände und technische Entscheidungen, die ich verständlich erkläre.

  1. 01Briefing

    Zuhören & verstehen

    Ziel, Zielgruppe, Inhalte und technische Anforderungen werden konkret.

    Ergebnis Klare Richtung
  2. 02Konzept

    Struktur & Richtung

    Ich entwickle Informationsarchitektur, visuelle Richtung und den passenden Umfang.

    Ergebnis Durchdachtes System
  3. 03Build

    Design & Code

    Die Oberfläche entsteht responsiv im Browser – mit regelmäßigem Einblick für dich.

    Ergebnis Testbarer Prototyp
  4. 04Release

    Test & Launch

    Gerätechecks, Feinschliff und ein sauberer Übergang in den Live-Betrieb.

    Ergebnis Sauberer Go-live
05 / Projektformate

Passender Umfang.
Kein Paket-Theater.

Drei sinnvolle Startpunkte statt künstlich aufgeblähter Leistungslisten. Der genaue Scope entsteht erst, wenn Ziel und Inhalt klar sind.

/01
FOCUSED LAUNCH

Landing Sprint

Eine fokussierte Seite für Angebot, Kampagne oder den ersten professionellen Auftritt.

  • Individuelle visuelle Richtung
  • Mobile-first Development
  • Performance & Basis-SEO
Scope besprechen ↗
MOST USEFUL /02
COMPLETE PRESENCE

Business System

Mehrseitige Website mit wiederverwendbaren Komponenten und klarer Inhaltsarchitektur.

  • Seiten- und Komponenten-System
  • Animationen mit Funktion
  • CMS oder API-Anbindung möglich
Scope besprechen ↗
/03
</>
SPECIAL REQUIREMENTS

Custom Build

Für Interfaces, Web-Apps und Funktionen, die nicht in einen Standardumfang passen.

  • Individuelle UI-Logik
  • Daten & Integrationen
  • Technische Konzeption
Idee einordnen ↗
Für die ersten Projekte

Du bekommst vollen Einsatz.
Ich bekomme eine echte Referenz.

Für meine ersten passenden Kundenprojekte biete ich faire Einstiegskonditionen. Ohne Abstriche bei Code, Design oder Sorgfalt – dafür mit offenem Austausch und, wenn alles passt, einer ehrlichen Bewertung nach dem Launch.

Unverbindlich anfragen ↗
06 / Klartext

Fragen, bevor wir
Code schreiben.

Durch nachvollziehbare Konzeptprojekte, diese Website selbst und funktionierende Demos statt erfundener Resultate. Du siehst Struktur, Responsive-Verhalten und Code-Entscheidungen direkt.

Standardmäßig entwickle ich individuell. Ein CMS kann sinnvoll sein, wenn du Inhalte selbst pflegen möchtest – die Oberfläche muss deshalb trotzdem nicht nach Template aussehen.

Ich beginne mit kleinen Viewports, teste Navigation und Touch-Ziele früh und prüfe die fertige Seite in mehreren realen Größen. Mobile ist keine letzte Korrekturrunde.

Du bekommst einen sauberen Übergang, verständliche Hinweise zur Pflege und auf Wunsch weitere technische Betreuung. Der Code bleibt nachvollziehbar und wird nicht zur Blackbox.

07 / Kontakt

Eine Idee im Kopf?
Schreib mir.

Erzähl mir kurz, was du vorhast. Ich antworte persönlich und sage dir ehrlich, ob und wie ich helfen kann.

Antwort in der Regel innerhalb von 24–48 Stunden.