Designerin mit über 35 Jahren Erfahrung, heute mit Schwerpunkt KI und Automatisierung. Strategie, Gestaltung und Entwicklung aus einer Hand: Websites, Web-Apps, automatisierte Abläufe und Motion Design.
Milena Hagen
Hamburg und remote
Leistungen
01
Was lohnt sich, welche Werkzeuge passen, welche Daten dürfen wohin? Danach wissen Sie, womit Sie anfangen und was warten kann.
02
Websites, klar gestaltet und schnell, auf dem Handy so gut wie am Schreibtisch. Datenschutz und Rechtstexte sauber eingebunden.
03
Schlanke Anwendungen für genau Ihre Aufgabe. Mit Vibe Coding schnell zum Prototyp, mit Agentic Coding zur belastbaren Anwendung.
04
Wiederkehrende Aufgaben an KI-Agenten und automatisierte Abläufe abgeben, mit KI genau dort, wo sie wirklich entlastet.
05
Intros, Animationen und 3D-Szenen, die man drehen, zerlegen und anklicken kann. In Code gebaut für Website, Messe und Video.
06
Produktbilder und Produktfilme mit aktuellen KI-Modellen, von der Idee bis zum Schnitt.
Möglichkeiten
Vieles, was schwer zu erklären ist, lässt sich zeigen. Vier Wege, wie das für Ihr Vorhaben aussehen kann.
Lädt …
Ein Produkt, das noch nicht fertig ist
Eine Explosionsansicht im Browser zeigt Aufbau und Bauteile. Für Vertrieb, Messe, Förderantrag oder das eigene Team.
Modell in Blender · Three.js · Scrollen zerlegt es in Baugruppen
Lädt …
Lädt …
Lädt …
Ein Ablauf, den niemand sieht
Was in einer Software oder Anlage passiert, wird zur Szene, die man anklicken kann. Gut für Schulung, Abstimmung und Verkauf.
In Code gebaut · Three.js · Klick hält an und setzt fort
Lädt …
Ein Produkt, das man anfassen möchte
Ein 3D-Modell, das Besucher selbst drehen, statt sich durch zwanzig Fotos zu klicken.
KI-generiertes 3D-Modell · aufbereitet in Blender · Three.js
Ein Ort, den es noch nicht gibt
Eine durchgehende Kamerafahrt, die beim Scrollen abläuft. Für Architektur, Immobilien und alles, was man betreten möchte, bevor es steht.
Als Scroll-Film erlebenSie entwickeln Produkte, Maschinen oder Anlagen?
Mehr für ProduktentwicklungProjekte
Webdesign
Produkt-Websites für sechs Branchen, jede mit eigener Farbwelt, alle auf demselben Aufbau: Landingpage, geschützter Käuferbereich, vollständige Rechtstexte. Nach dem Kauf prüft die Seite den Lizenzschlüssel automatisch beim Zahlungsanbieter und schaltet den Zugang frei.
KonzeptGestaltungUmsetzung
statisches HTML ohne Build · Vercel Edge Middleware · Digistore24-Schnittstelle
Bildschirmaufnahme der Live-Seite, Filme und Bilder darin KI-generiert
App-Entwicklung
Eine Web-App, die Rechnungen, Mahnungen und Behördenbriefe einordnet: Beträge, Fristen und nächste Schritte mit Fundstelle, sensible Angaben lassen sich schwärzen. Die Dokumente werden direkt auf dem Gerät verarbeitet, die Originaldatei geht an keinen Server.
KonzeptGestaltungUmsetzung
Next.js · lokale Texterkennung · Schwärzen im Browser
Im Bild: Intro der App, Animation in Code (GSAP), Figur und Videovorschauen KI-generiert
Website
Bildsequenzen, die beim Scrollen abspielen, eigene KI-generierte Filmszenen, getrennt aufbereitet für Desktop und Handy.
KonzeptGestaltungUmsetzung
Next.js · GSAP · KI-Videoproduktion
Im Bild: Kanal-Intro der Website, Animation in Code (GSAP)
Motion Design
Intros, Loops, KI-Produktfilme und interaktive Szenen.
KI-Editionen
Motion Loops
3D-Animation in Code (Three.js)
Interaktiv
Person
Ich bin Milena Hagen, Designerin in Hamburg. Gelernt habe ich Grafikdesign, seitdem arbeite ich an der Schnittstelle von Gestaltung und Technik, für Unternehmen aus vielen Branchen, vom Markenauftritt bis zur Web-Anwendung. Jede neue Werkzeug-Generation habe ich mir selbst erarbeitet, heute sind es KI-Agenten, Bild- und Videomodelle.
Die Fragen sind in jeder Branche ähnlich: Wer arbeitet damit? Was muss es können? Was ist überflüssig? Die stelle ich zuerst, dann baue ich.
Mein Maßstab: nicht die Demo, die beeindruckt, sondern das Werkzeug, das nach drei Monaten noch im Einsatz ist.
Je nach Aufgabe und Ihren Vorgaben arbeite ich mit:
So arbeite ich
01
Sie erzählen mir von Ihrem Vorhaben, ich frage nach.
02
Sie bekommen einen Vorschlag für einen ersten, überschaubaren Schritt und ein Angebot.
03
In kurzen Etappen und früh getestet mit den Menschen, die es später benutzen.
04
Mit Dokumentation und Einweisung. Auf Wunsch betreue ich die Anwendung weiter.
Zusammenarbeit
01
Von der Strategie bis zur Übergabe aus einer Hand.
02
Als Verstärkung für ein Projekt oder einen Zeitraum, in Ihren Werkzeugen und Abläufen.
03
Im Hintergrund oder sichtbar im Kundentermin, auf Wunsch unter Ihrem Namen.
Sie sprechen immer mit der Person, die die Arbeit macht.
Sicherheit
Alles gehört Ihnen: Code, Zugänge, Konten und Daten. Sie sind nicht an mich gebunden.
Dokumentiert: So, dass auch jemand anderes weiterarbeiten kann.
Zugänge nur so weit wie nötig: Nach dem Projekt werden sie wieder entzogen.
Datenschutz von Anfang an: Ich plane die Datenwege, bevor gebaut wird, und bevorzuge wo möglich Dienste in der EU. Verarbeite ich personenbezogene Daten in Ihrem Auftrag, schließen wir einen Vertrag zur Auftragsverarbeitung.
KI nach Ihren Regeln: Ich sage vorab, welche KI-Werkzeuge ich einsetze. Was Sie nicht freigeben, kommt nicht an Ihre Daten.
Verschwiegenheit: auf Wunsch mit Verschwiegenheitsvereinbarung.
Fragen
Nein. Oft ist genau das die erste Aufgabe. Im Kennenlernen sortieren wir gemeinsam, was sinnvoll ist.
In beiden Fällen schreibt KI den Code. Vibe Coding nutze ich für schnelle Prototypen, die Sie früh ausprobieren können. Beim Agentic Coding arbeiten KI-Agenten wie Claude Code unter meiner Führung an der fertigen Anwendung: Die KI übernimmt das Tippen, ich das Verstehen, Entscheiden und Prüfen. Jede Anwendung wird getestet, bevor sie live geht.
Das hängt von Umfang und Form der Zusammenarbeit ab. Nach dem Kennenlernen bekommen Sie ein konkretes Angebot, auf Wunsch zum Festpreis.
30 Minuten, kostenlos. Danach wissen wir beide, ob und wie ich helfen kann.
Kennenlernen anfragenOder direkt:
mh@milena-hagen.de
+49 172 4517 556