Portfolio 2026

Leon Stange.
Digital Product Designer & Developer.

Ich kombiniere Branding, UI/UX und Frontend-Entwicklung zu Websites, die schnell sind, klar kommunizieren und visuell wiedererkennbar bleiben. Fokus: Onepager, Landingpages und Conversion-orientierte Produktseiten.

Abgeschlossene Projekte

0

Design-Sprints

0

Programmierzeit

0

About

Design, das nicht nur gut aussieht, sondern messbar performt.

Wer ich bin

Ich arbeite seit mehreren Jahren an digitalen Markenauftritten und Produktseiten. Meine Projekte starten fast immer mit einem klaren Zielbild: Was soll ein Nutzer verstehen, fühlen und als Nächstes tun?

Dadurch entstehen Seiten, die nicht wie Templates wirken, sondern wie ein eigenes Produkt. Ich übernehme Konzept, visuelle Richtung, UX-Flow und den technischen Build bis zum Launch.

Wie ich arbeite

Ich arbeite in kurzen Feedback-Loops mit transparenter Struktur. Du bekommst früh klickbare Ergebnisse, statt lange auf den "perfekten" Entwurf zu warten.

  • Strategie + Positionierung vor dem ersten Pixel
  • Systematisches Design mit wiederverwendbaren Komponenten
  • Saubere Umsetzung mit Fokus auf Performance und SEO
Projects

Drei Beispiele fuer Arbeiten mit starkem Fokus auf Wirkung.

TYPO3 Enterprise

Multi-Site Corporate Platform

Aufbau einer skalierbaren TYPO3-Instanz mit mehreren Marken, zentralen Content-Elementen und getrennten Redaktionsrechten.

Database Systems

Reporting & ETL Plattform

Datenmodell, ETL-Pipelines und Admin-UI fuer konsolidierte KPI-Auswertungen aus CRM, Shop und Kampagnenquellen.

CMS Migration

Legacy zu TYPO3 v13

Migration einer gewachsenen CMS-Landschaft auf TYPO3 inkl. strukturierter Inhalte, URL-Konzept und rollenbasierten Workflows.

Process

Von der Idee bis zum Launch in klaren Schritten.

01 Discovery

Ziele, Nutzergruppen und bestehende Inhalte werden in einem strukturierten Kickoff priorisiert. Ergebnis: klare Roadmap.

02 Experience Design

Wireframes, Informationsarchitektur und visuelle Richtung werden in einem konsistenten Designsystem zusammengeführt.

03 Build & Motion

Umsetzung als performante Frontend-Seite mit gezielten Animationen, sauberer Responsiveness und technischem Feinschliff.

04 Launch & Iterate

Deployment, QA und datenbasiertes Nachschärfen nach dem Launch, damit die Seite auch langfristig besser wird.

Skills

Tools, Technologien und Kompetenzen im Projektalltag.

Creative Direction UI/UX Systems Frontend Development Interaction Design Motion & Micro-Animations Landingpage Architecture Web Performance SEO Basics TYPO3 Integrationen Datenbankdesign ETL Workflows SQL Optimierung
Technologie

Tech-Stack fuer TYPO3, Datenhaltung und Integrationen.

CMS Layer

TYPO3 v12/v13, eigene Content-Elemente, Site Packages, Mehrsprachen-Setups und rollenbasierte Redaktionsworkflows.

Data Layer

PostgreSQL/MySQL Schemadesign, ETL-Jobs, Views und sichere Schnittstellen zwischen CMS, CRM und BI-Systemen.

Delivery Layer

CI/CD, Monitoring, Deployment-Strategien und Runtime-Optimierung fuer stabile Releases mit kurzen Reaktionszeiten.

Ergebnisse

Typische Ergebnisse aus CMS- und Datenbankprojekten.

Content Rollout Speed

+41%

DB Query Time

-58%

Deployment Errors

-34%

FAQ

FAQ zu TYPO3-Instanzen, Migrationen und Datenarchitektur.

Wie startest du ein TYPO3-Projekt?

Mit Workshop, Zielbild und Seitenstruktur. Danach entsteht ein Site Package mit klaren Komponenten und Redaktionsrichtlinien.

Wie gehst du mit Alt-Daten um?

Ueber Mapping-Tabellen, automatische Validierung und stufenweise Migration. So bleiben Inhalte konsistent und nachvollziehbar.

Kannst du bestehende Systeme einbinden?

Ja. CRM, Shop, PIM oder Reportingtools werden ueber APIs oder ETL verbunden und in ein wartbares Datenmodell ueberfuehrt.

Wie lange dauert eine typische Migration?

Je nach Umfang meist 6 bis 14 Wochen. Bei groesseren Multi-Site-Setups arbeite ich in Wellen, damit Bereiche frueher live gehen koennen.

Wie sicherst du Performance bei vielen Inhalten?

Mit klaren Cache-Strategien, optimierten Queries und komponentenbasierten Templates. Engpaesse werden frueh gemessen und vor dem Launch behoben.

Unterstuetzt du auch Betrieb nach dem Go-live?

Ja, inklusive Monitoring, Bugfix-Slots, Feature-Ausbau und technischer Reviews. Ziel ist ein stabiler Betrieb mit planbaren Weiterentwicklungen.