Journal
Notizen aus dem Atelier
Persönliche Gedanken zu kreativer Entwicklung, 3D im Browser und der Kunst, Websites zu bauen, die auffallen. Mal technisch, mal nachdenklich – immer ehrlich.
Ein Maskottchen, das dich nie böse anschaut
Ermutigung gestalten statt schlechtem Gewissen. Wie der Smiley von TaskAlarm, seine Farben, seine Texte, ein bisschen absichtliche Reibung und ein paar Federn eine To-do-App ergeben, die auf deiner Seite ist.
WeiterlesenButtons sind Verben
Über die kleinsten Texte in einer Oberfläche. Warum ich "OK" verbannt habe, warum eins meiner Produkte null Ausrufezeichen erlaubt und das andere dich anfeuert, und warum jede Fehlermeldung genau einen Satz und eine Lösung bekommt.
WeiterlesenGestalten für die Menüleiste
Was ich gelernt habe, als ich zwei Apps für einen Streifen gebaut habe, der etwa 22 Punkte hoch ist. Ein Icon trägt den ganzen Zustand, Overlays lassen deine Klicks durch, und die schwierigste Entscheidung ist, wann man überhaupt etwas fragt.
WeiterlesenGlas ist kein Hintergrund
Gestalten mit Liquid Glass unter macOS 26 am Beispiel von meetre. Wo Glas hingehört, wo es auf keinen Fall hingehört, das genaue Rezept hinter den schwebenden Panels und warum dieselbe Zurückhaltung am Ende auch in meinen Marketing-Bildern gelandet ist.
WeiterlesenWer hat was gesagt, und warum mein Laptop es ständig falsch wusste
Sprecher in einem Call zu erkennen, klingt nach gelöstem Problem, bis du die Kopfhörer absetzt. Eine Woche mit Echo, vertauschten Namen, einem Fix, der mich für meine Kollegen stummgeschaltet hat, und was Meetre jetzt macht.
WeiterlesenSounddesign ohne eine einzige Audiodatei
Meine beiden neuen Mac-Apps bauen jeden Ton zur Laufzeit selbst, aus Sinuswellen und ein bisschen Mathe. Warum ich das mache, wie ein Erinnerungston und eine Onboarding-Glocke wirklich entstehen, und warum Sound Tonfall ist, den man hört.
WeiterlesenTaskAlarm, die To-do-Liste, die dich anfeuert
Ich habe eine kleine Menüleisten-App für den Mac gebaut, die mich an Dinge erinnert wie ein Freund. Ein Smiley, der die Farbe wechselt, Erinnerungen in ganz normalem Deutsch, warme synthetische Sounds und null Netzwerk.
WeiterlesenMeetre ist erwachsen geworden und jetzt eine echte Mac-App
Mein Meeting-Transkriptor war mal ein Python-Skript mit einem Funkeln in der Menüleiste. Jetzt ist er eine native SwiftUI-App mit Bibliothek, Live-Untertiteln und Teams-Erkennung, und die Python-Engine macht darunter einfach weiter die schwere Arbeit.
WeiterlesenEin Onboarding in sechs Sätzen
Beim ersten Start sagt meetre „Hi." und danach fast nichts mehr. Über kurze Zeilen, Szenen, die von allein weiterlaufen, eine langsame Aurora, Berechtigungen, die sich selbst erklären, und warum ein Installer nie seine Logs zeigen sollte.
WeiterlesenErst das Regelbuch, dann der nächste Screen
Warum ich mitten im Bau der meetre-Mac-App angehalten und ein Design-Regelbuch geschrieben habe, was drinsteht (ein Rot, sieben Abstände, sechs Prinzipien) und warum danach jeder Screen schneller ging.
WeiterlesenFortschrittsbalken, die nicht lügen
Ein Spinner ist ein animiertes Schulterzucken. Wie ich die Verarbeitung in meetre ehrlich gestaltet habe: fünf benannte Schritte in fünf Farben, Balken, die nie zurückspringen, Ergebnisse, die da sind, bevor die Arbeit fertig ist, und Fehler, die man wirklich beheben kann.
WeiterlesenWie ich einem 7B-Modell Protokolle beigebracht hab, und dann das Antworten
Meetre transkribiert jetzt mit Parakeet und fasst mit K2 Horizon zusammen. Ein Prompt, der sich 141 Sekunden lang im Kreis gedreht hat, ist jetzt nach 14 fertig, und du kannst mit deinen Meetings chatten, mit Tools, und die Aufnahmen verlassen nie deinen Mac.
WeiterlesenImpressum, Datenschutz, Cookies: rechtliche Grundlagen für Websites in Deutschland
Die rechtlichen Bausteine, die fast jede deutsche Firmenwebsite braucht, verständlich erklärt von einem Webdesigner: Impressum, Datenschutzerklärung, Cookie-Einwilligung, selbst gehostete Schriften und das Barrierefreiheitsgesetz, das seit 2025 für Onlineshops gilt.
WeiterlesenWarum eine langsame Website dich leise Kunden kostet
Besucher entscheiden in Sekunden, ob sie bleiben. Was Websites kleiner Betriebe langsam macht, wie du deine in zwei Minuten prüfst und welche paar Maßnahmen am meisten bringen.
WeiterlesenNach dem Launch: was Hosting, Updates und Wartung wirklich bedeuten
Eine Website ist am Launchtag nicht fertig. Was Hosting eigentlich ist, welche Updates zählen, was Wartung kosten sollte und wie du sicherstellst, dass du dich nie aus deiner eigenen Seite aussperrst.
WeiterlesenWebsites für Coaches und Therapeuten: erst Vertrauen, dann Funktionen
Was eine Coaching- oder Therapie-Website braucht, das eine normale Firmenseite nicht braucht: einen echten Menschen auf dem ersten Screen, ruhiges Design, einen klaren Weg zum ersten Gespräch und den Mut, die Verkaufstricks wegzulassen.
WeiterlesenWie lange dauert eine Website? Ein realistischer Zeitplan, Woche für Woche
Vom ersten Gespräch bis zum Launch: was in jeder Phase eines Website-Projekts passiert, wie lange die einzelnen Schritte bei einer Seite für einen kleinen Betrieb meistens dauern und welche drei Dinge Projekte viel mehr bremsen als Design oder Code.
WeiterlesenEin Zifferblatt für Tageslicht gestalten
Die Gestaltungsentscheidungen hinter Surya: warum der Hauptbildschirm ein Kreis ist, warum er in Prozent spricht, warum Sonne und Mond Namen bekommen haben und wie viel ein Widget weglassen muss, um auf einen Blick lesbar zu sein.
WeiterlesenSurya, eine Uhr, die der Sonne folgt statt der Zeitzone
Ich habe eine kleine iPhone-App gebaut, die dir sagt, wie viel Tageslicht dir noch bleibt, wann für deinen Standort wirklich Mittag ist und wann die Sonne hinter den Bergen vor dir verschwindet.
WeiterlesenFreelancer oder Agentur? Ich kenne beide Seiten
Ein ehrlicher Vergleich zwischen freiem Webdesigner und Webagentur: Kosten, Tempo, mit wem du wirklich sprichst, was passiert, wenn jemand krank wird, und welche Projekte zu welchem Modell passen.
WeiterlesenSieben Zeichen, dass deine Website einen Relaunch braucht (und zwei, dass nicht)
Woran du erkennst, ob deine Website einen kompletten Relaunch braucht oder nur ein paar Korrekturen. Sieben ehrliche Warnsignale von einem Webdesigner und zwei häufige Gründe für einen Neubau, die meistens nicht reichen.
WeiterlesenLokal gefunden werden: SEO für kleine Betriebe, ohne Abzocke
Die meisten Kunden aus der Region finden dich über eine Karte und eine Suche am Handy. Was einem kleinen Betrieb in Rosenheim, München oder sonstwo wirklich hilft, und welche SEO-Versprechen du getrost ignorieren kannst.
WeiterlesenWas du vorbereiten solltest, bevor du einen Webdesigner beauftragst
Du brauchst kein perfektes Briefing. Du brauchst Antworten auf sechs Fragen, einen Ordner mit Inhalten und ein paar ehrliche Meinungen. So wird ein Website-Projekt schneller, günstiger und deutlich entspannter.
WeiterlesenVorlage oder individuelle Website? Wann was die richtige Wahl ist
Vorlagen sind günstiger und schneller, individuelles Design bleibt besser im Kopf. Eine ehrliche Einschätzung, wann ein Template völlig reicht, wann es dich still und leise Kunden kostet und welchen Mittelweg kaum jemand kennt.
WeiterlesenWie du einen Webdesigner findest, den du in sechs Monaten nicht bereust
Eine praktische Checkliste für die Suche nach einem Webdesigner: worauf du im Portfolio achten solltest, welche Fragen ins erste Gespräch gehören und welche Warnsignale man leicht übersieht, wenn jemand nett und schnell ist.
WeiterlesenWas kostet eine Website? Eine ehrliche Antwort von dem, der das Angebot schreibt
Warum zwei Angebote für dieselbe Website Tausende Euro auseinanderliegen können, was den Preis wirklich bestimmt und wie du an eine Zahl kommst, mit der du planen kannst.
WeiterlesenDigital arbeiten ohne Burnout
Eine Selbstreflexion über einen Job, der komplett im Bildschirm stattfindet. Warum Burnout im digitalen Alltag so leicht passiert, welche Warnsignale ich inzwischen ernst nehme und welche kleinen, unspektakulären Gewohnheiten mich wirklich stabil halten.
WeiterlesenDie Lichtinstallation hat endlich funktioniert
Ein Tag Vorwarnung, ein Testabend, dann von Rosenheim nach München. Wie die Lichtinstallation auf dem Lieberscholli endlich ihre Nacht bekommen hat, mit einer Hauptlampe im Baum, zwei toten Support-Lampen, einer Laptop-Rettungsfahrt durch halb München und Lampen, die auf dem DJ-Deck atmen.
WeiterlesenDie freie Zeit, die ich ständig verspreche
Über Zeitdruck, verschwundene Wochenenden und die zukünftige Freizeit, die ich in Crunch-Phasen verteile wie Spielgeld — samt ehrlichem Diagramm, was Arbeitslast mit meiner emotionalen Stabilität macht.
WeiterlesenDie Lichtinstallation, die ich nie fertig bekommen habe
Ein langes, ehrliches Post-mortem über das Projekt, das mich besiegt hat — zwei motorgetriebene Spiegel, die zehn PAR36-Pinspots durch einen Raum werfen sollten, ein ESP32 als Hirn, und alle Arten, wie Physik, Hitze und meine eigenen Deadlines im Weg standen.
WeiterlesenDie Arbeit hinter der Party
Was mir die Freundschaft mit Leuten aus der Münchner Szene wirklich beigebracht hat — wie Events laufen, die Arbeit, die keiner sieht, warum das Aus von Blitz etwas bedeutet, und die seltsame soziale Ökonomie eines Raums, in dem sich alle ständig gegenseitig Gefallen tun.
WeiterlesenMood Boards, Künstler und die Münchner Nacht, die meinen Code gefüttert hat
Wie ich ein Projekt recherchiere, bevor ich eine Zeile schreibe — Referenzen sammeln, die Visuals in der Münchner Musikszene anschauen und das Ganze in shadergetriebene Laser-Ideen und eine Webcam-Projektionsbibliothek verwandeln, die ich endlich mal fertig machen will.
WeiterlesenMeetre — Meeting-Transkripte, die deinen Mac nie verlassen
Ich habe ein Open-Source-Tool für den Mac gebaut, das ein Meeting aufnimmt, mit Whisper transkribiert, die Sprecher erkennt und mit Qwen zusammenfasst — alles lokal, ohne Cloud, ohne Konto.
WeiterlesenWenn gute Arbeit nicht genügt
Über die Arbeit mit Kreativen, die mehr Vision als Budget haben — warum gute Arbeit trotzdem abgelehnt wird, wie sich das anfühlt, und warum selbst Freundschaftsdeals eine Vision brauchen, die stark genug trägt.
WeiterlesenMut zur besonderen Website
Ein kleines Manifest — warum Auffallen besser ist als Sich-Einfügen, und warum es Mut braucht, die Vorlage abzulehnen und etwas Einzigartiges zu wagen.
WeiterlesenInteraktion, die Freude macht
Über die kleinen, überraschenden Momente — versteckte Rätsel, verspielte Details — die eine Website menschlich machen und im Gedächtnis bleiben.
WeiterlesenDas Gefühl einer Marke übersetzen
Wie ich das Ungreifbare einer Marke in Farbe, Schrift, Bewegung und Struktur übersetze — und warum echtes Zuhören vor jedem Entwurf kommt.
WeiterlesenKI und die Zukunft der Kreativität
Eine Bestandsaufnahme aus 2026 — was Künstliche Intelligenz verändert, was sie nicht kann, und warum menschlicher Geschmack dadurch wertvoller wird.
WeiterlesenWenn Performance auf Poesie trifft
Warum schöne Websites auch schnell sein müssen — und wie Handwerk und Core Web Vitals zusammenfinden, ohne dass die Magie dabei verloren geht.
WeiterlesenWebsites für Ateliers gestalten
Was Ateliers, Studios und Künstler von einer Website brauchen – ein Gefühl vermitteln, die Arbeit atmen lassen, Templates vermeiden.
WeiterlesenKreatives Coding als Ausdruck
Code als künstlerisches Medium – Canvas, Shader und generative Systeme als Weg, etwas zu erschaffen, nicht nur zu bauen.
WeiterlesenDas Detail macht den Unterschied
Über Mikrointeraktionen, Hover-States, Übergänge und Easing – die kleinen Berührungen, die Gutes von Unvergesslichem trennen.
WeiterlesenWarum 3D im Web Marken auffallen lässt
Wie interaktive 3D-Erlebnisse im Browser Aufmerksamkeit erzeugen — wann sie sich wirklich lohnen, was sie leicht statt schwer wirken lässt, und das Handwerk, das eine Szene, die man sich merkt, von einer trennt, die nur lädt.
WeiterlesenScroll-Erlebnisse, die fesseln
Wie das Scrollen zum erzählerischen Werkzeug wird – mit Pinning, Parallax und Reveal-Timing, getragen von Zurückhaltung statt Spektakel.
WeiterlesenKI-gestütztes Prototyping
Wie KI die chaotische Anfangsphase eines Projekts beschleunigt, damit mehr Zeit für das eigentliche Handwerk bleibt – das, was zählt.
WeiterlesenFarbe, die in Erinnerung bleibt
Farbe als Identität und Emotion — über Zurückhaltung, einen unverwechselbaren Akzent, Kontrast und die Stimmung, die haften bleibt.
WeiterlesenDer erste Eindruck: Hero-Sektionen
Wie ich Hero-Sektionen gestalte, die in Sekunden fesseln — Klarheit, Atmosphäre und eine einzige starke Idee statt überladener Versprechen.
WeiterlesenGenerative Gestaltung
Wie ich Code und Zufall als Gestaltungspartner einsetze — Regeln, die überraschende, organische und unverwechselbare Bilder hervorbringen.
WeiterlesenWebsites für Ateliers, die auffallen wollen
Was eine Atelier-Website von einer Vorlage unterscheidet — und warum Haltung wichtiger ist als Funktionen.
WeiterlesenKI als Werkzeug, nicht als Ersatz
Ein ehrlicher Blick auf KI im Design- und Entwicklungsalltag 2026 — schnelle Assistenz für Entwürfe und Boilerplate, aber Geschmack und Absicht bleiben menschlich.
WeiterlesenTypografie, die auffällt
Wie ich ausdrucksstarke Schriften wähle und kombiniere — Display gegen Fließtext, Schrift als die lauteste Gestaltungsentscheidung einer Seite.
WeiterlesenShader-Poesie im Browser
Fragment-Shader als Medium für generative Schönheit — über Noise, Verläufe, Zeit und wie wenige Zeilen Code unendliche Welten öffnen.
WeiterlesenThree.js als künstlerisches Werkzeug
Three.js nicht als Spielerei, sondern als Pinsel — wie Licht, Material und Tiefe im Dienst der Emotion stehen können.
WeiterlesenBewegung, die Bedeutung trägt
Animation mit Absicht — über Easing, Choreografie und Zurückhaltung, und wie Bewegung führt, statt abzulenken.
WeiterlesenWeißraum als Gestaltungsmittel
Negativer Raum ist kein Leerstand, sondern ein aktives Element — wie Zurückhaltung Fokus, Luxus und Ruhe in eine Website bringt.
WeiterlesenDie Kunst der editorialen Website
Warum ich Websites wie Magazinseiten denke — mit Hierarchie, Rhythmus, großer Typografie und bewusstem Raum, der echtes Handwerk spürbar macht.
WeiterlesenNext.js 14: Server Actions in der Praxis
Mit Next.js 14 sind Server Actions stabil — und ich kann Mutationen endlich ohne separate API-Routen schreiben, direkt dort, wo sie gebraucht werden.
WeiterlesenDas Handwerk der Typografie
Typografie ist für mich das Rückgrat jedes editorialen Designs — eine Frage von Skala, Rhythmus und Kontrast, die man mit Absicht setzt, nicht zufällig.
WeiterlesenThree.js-Performance: flüssig auf jedem Gerät
Aus Jahren mit Three.js habe ich gelernt, dass flüssige 3D-Szenen keine Frage roher Leistung sind, sondern von Draw Calls, Instancing und sauberem Aufräumen.
WeiterlesenWebGPU: ein Ausblick auf die nächste Grafik-Ära
WebGPU zeichnet sich als Nachfolger von WebGL ab — mit moderner Architektur, Compute-Shadern und einem Versprechen, das mich vorsichtig begeistert.
WeiterlesenNext.js 13: der App Router verändert alles
Mit Next.js 13 kommt der App Router und mit ihm React Server Components — ein neues mentales Modell, das meine Sicht auf Routing und Rendering verschiebt.
WeiterlesenDesignsysteme, die wirklich funktionieren
Wie ein Designsystem Kreativität trägt statt einschränkt — durch Tokens, Komponenten und eine Dokumentation, die man tatsächlich nutzt.
WeiterlesenReact 18: nebenläufig und flüssig
React 18 bringt nebenläufiges Rendering, automatisches Batching und Transitions — was das für wirklich flüssige Oberflächen bedeutet.
WeiterlesenNext.js 12: schneller dank Rust
Next.js 12 bringt den SWC-Compiler und Middleware — wie das meine Builds beschleunigt und Logik näher an die Edge bringt.
WeiterlesenScrollytelling: Geschichten, die sich entfalten
Wie scrollgesteuertes Erzählen Bewegung an Inhalt bindet — mit Rhythmus, Zurückhaltung und dem Mut, auch mal stillzustehen.
WeiterlesenReact Three Fiber: 3D, deklarativ gedacht
Wie React Three Fiber Three.js-Szenen in Komponenten verwandelt — und warum deklaratives 3D meine kreative Arbeit endlich wartbar gemacht hat.
WeiterlesenVite: Geschwindigkeit, die Spaß macht
Vite 2 brachte Anfang 2021 sofort startende Dev-Server über natives ESM — warum schnelle Feedback-Schleifen für kreatives Arbeiten alles verändern.
WeiterlesenUtility-First: Wie Tailwind meinen Workflow veränderte
Im Zeitalter von Tailwind 2.0 — über das Utility-First-Denken, schnellere Iteration und konsistente Design-Tokens direkt im Markup.
WeiterlesenIncremental Static Regeneration: das Beste aus beiden Welten
Next.js 9.5 brachte ISR — statische Geschwindigkeit mit frischen Inhalten. Warum das verändert hat, wie ich Content-Seiten ausliefere.
WeiterlesenAus der Ferne: Arbeiten im Jahr 2020
Eine persönliche Reflexion darüber, wie Remote-Arbeit 2020 zur Norm wurde — über Fokus, asynchrone Zusammenarbeit und Kreativität auf Distanz.
WeiterlesenShader verstehen: GLSL für Gestalter
Eine sanfte Einführung in GLSL-Fragment-Shader für Gestalter — was Vertex und Fragment unterscheidet und warum Shader einzigartige Visuals ermöglichen.
WeiterlesenWarum ich selbstständig wurde
Eine persönliche Reflexion darüber, warum ich die Unabhängigkeit gewählt habe — um besondere Websites zu bauen statt Schablonen von der Stange.
WeiterlesenThree.js 2019: 3D wird alltagstauglich
WebGL und Three.js sind reif geworden — interaktives 3D ist 2019 auch auf ganz normalen Marketing-Seiten endlich realistisch.
WeiterlesenNext.js 9: statisch, schnell, durchdacht
Next.js 9 brachte API-Routen und automatische statische Optimierung — und macht hybride Seiten aus statisch und serverseitig endlich mühelos.
WeiterlesenCSS Grid und das Ende der Layout-Hacks
CSS Grid ist endlich zuverlässig in allen Browsern angekommen — und befreit das Web-Layout von Float-Tricks und Flexbox-Verrenkungen.
WeiterlesenWie React Hooks alles veränderten
React 16.8 brachte Anfang 2019 die Hooks — und veränderte für mich grundlegend, wie ich Komponenten denke, schreibe und pflege.
Weiterlesen