Leistungsspektrum
Individuelle Websites, Webanwendungen und digitale Funktionen entstehen nicht aus einem festen Baukasten. Je nach Aufgabe kombiniere ich Gestaltung, Frontend-Entwicklung, Content-Systeme, Daten, Schnittstellen und KI-gestützte Entwicklungsprozesse.
Designer – Frontend Developer – Digital Konzepter – AI-assisted Developer
Struktur, Nutzerführung und technische Idee werden gemeinsam entwickelt – von der Unternehmenswebsite bis zur individuellen Anwendung.
Informationsarchitektur – UX – Content-Struktur – Anwendungskonzept – Digitalstrategie – Wireframing – Nutzerführung
Individuelle Interfaces statt fertiger Themes. Typografie, Bildsprache, Komponenten und Interaktion werden als zusammenhängendes System entwickelt.
UI Design – Responsive Design – Designsysteme – Motion – Dark Mode – Bright Mode – High Contrast
Schnelle, individuelle Websites und browserbasierte Anwendungen mit moderner Frontend-Technologie und sauberer Komponentenstruktur.
HTML – CSS – JavaScript – TypeScript – React – Vite – Komponenten – Frontend Architecture
Für schnelle Unternehmensseiten ebenso wie für umfangreiche redaktionelle Plattformen mit vielen Seitentypen, Kategorien und großen Inhaltsbeständen.
Astro – Static Rendering – Content Collections – Magazine – Ratgeber – SEO – alltagswissen24.de
Rechner, Konfiguratoren, Formulare und spezialisierte Browser-Werkzeuge für konkrete Geschäfts-, Service- oder Kundenprozesse.
React – TypeScript – Rechner – Kalkulatoren – Konfiguratoren – Web Apps – interne Tools – Formulare
Strukturierte Content-Systeme für Websites, die wachsen, häufig aktualisiert werden oder redaktionell betreut werden sollen.
Astro – Content-Architektur – Publishing – Archive – Seitentypen – Headless CMS – Storyblok – Redaktion
Redaktion und Frontend können getrennt werden: Inhalte werden komfortabel gepflegt, während Gestaltung und technische Umsetzung individuell bleiben.
Storyblok – Astro – React – Headless CMS – Visual Editor – Publishing – Scheduling – Content API
Wenn Anwendungen Informationen dauerhaft speichern, strukturieren oder wieder abrufen müssen, kann eine passende Datenhaltung in die Lösung integriert werden.
Datenbanken – SQL – strukturierte Daten – Persistenz – CRUD – Formulardaten – Nutzerinhalte – API-Anbindung
Externe Datenquellen und Dienste lassen sich abrufen, verarbeiten und passend in Websites oder Anwendungen integrieren.
REST API – JSON – Fetch – Live-Daten – Wetter – Preise – Termine – Statistiken – Schnittstellen
Aktuelle Informationen müssen nicht manuell gepflegt werden. Geeignete Datenquellen können automatisch geladen, gefiltert und visualisiert werden.
Live-Daten – DWD – Bright Sky – Statusanzeigen – Tabellen – Kennzahlen – Filter – Datenvisualisierung
Individuelle Animationen, räumliche Visualisierungen und interaktive Browser-Erlebnisse für besondere digitale Anwendungen und Markeninszenierungen.
Three.js – WebGL – 3D – Partikel – Simulation – Physics – Interactive Experiences – Creative Coding
Gezielte Bewegung unterstützt Nutzerführung, Feedback und Markencharakter – vom kleinen UI-Zustand bis zur inszenierten Interaktion.
CSS Motion – JavaScript Animation – Hover States – UI Feedback – prefers-reduced-motion – Interaction Design
Layouts, Navigation, Typografie und Bildausschnitte werden für Desktop, Tablet und Smartphone bewusst angepasst statt nur verkleinert.
Responsive Design – Breakpoints – Mobile UX – Touch – Responsive Typography – Mobile Navigation – Crops
Bildmaterial und grafische Assets werden für Qualität, Dateigröße, Skalierbarkeit und unterschiedliche Ausgabegeräte technisch vorbereitet.
AVIF – WebP – PNG – SVG – Responsive Images – srcset – Lazy Loading – Icons – Favicons – Open Graph
Saubere HTML-Ausgabe, eindeutige URL-Signale und kontrollierte Indexierung schaffen die technische Grundlage für Sichtbarkeit in Suchmaschinen.
Google Search Console – Sitemap – Canonical – Redirects – robots.txt – noindex – Metadaten – Crawling
Optimierte Assets, kontrollierte JavaScript-Mengen und effiziente Produktions-Builds sorgen für schnelle, robuste Websites und Anwendungen.
Core Web Vitals – AVIF – WebP – Lazy Loading – Code Splitting – Caching – Compression – LCP – Build Optimization
Öffentliche Inhalte können bereits beim Build als fertiges HTML erzeugt werden – schnell auslieferbar und unmittelbar für Suchmaschinen verfügbar.
Prerendering – Static HTML – Build Output – SEO – React – Astro – Performance – Indexierbarkeit
Von der Produktionsausgabe bis zur laufenden Website: Hosting, Domains und technische Serverumgebung werden passend zum Projekt eingerichtet.
Hetzner – Apache – HTTPS – Domains – Hosting – Production Build – Deployment – Serverkonfiguration
Wenn eine reine Browserlösung nicht ausreicht, können schlanke serverseitige Funktionen ergänzt werden – ohne unnötig großes Backend.
PHP – HTTP – JSON – Form Processing – Endpoints – Visitor Counter – kleine APIs – Serverlogik
Externe Inhalte können technisch so eingebunden werden, dass sie kontrolliert und erst nach entsprechender Freigabe geladen werden.
CCM19 – Consent Management – Google Maps – externe Inhalte – Conditional Loading – Datenschutztechnik
Navigation, Komponenten und Inhaltsstrukturen können für mehrere Sprachversionen vorbereitet und konsistent umgesetzt werden.
DE/EN – Language Switch – Mehrsprachigkeit – Content-Struktur – Navigation – Internationalisierung
Änderungen und Entwicklungsstände bleiben nachvollziehbar, reproduzierbar und bei Bedarf sauber rücksetzbar.
Git – Commits – Branches – Tags – Versionierung – Rollback – Projektarchiv – Change History
Code, Typen, Produktions-Builds, HTML-Ausgabe, SEO-Signale und responsive Darstellung werden systematisch geprüft.
ESLint – TypeScript – Build Test – SEO HTML Test – diff-check – Responsive QA – Browser QA – Visual QA
Interaktive PDF-Formulare und digitale Dokumentabläufe können für Angebote, Freigaben und wiederkehrende Geschäftsprozesse vorbereitet werden.
PDF – AcroForm – Formularfelder – digitale Signatur – Sperrlogik – Angebot – Freigabe – Dokument-Workflow
KI unterstützt Recherche, Konzeption, Entwicklung, Tests, Inhalte und Visualisierung – mit fachlicher Auswahl und kontrollierter Qualitätssicherung.
ChatGPT – Codex – Claude – Perplexity – Replit – AI-assisted Development – Research – QA – Visualisierung
Bestehende Websites und Anwendungen können funktional, gestalterisch und technisch weiterentwickelt werden, ohne jedes Projekt neu aufzusetzen.
Weiterentwicklung – neue Funktionen – Refactoring – Content – SEO – Performance – Integrationen – technische Betreuung
Nicht jedes Projekt braucht React, ein CMS oder einen Server. Die technische Architektur wird aus der konkreten Aufgabe abgeleitet.
Designer – Frontend Developer – Digital Konzepter – AI-assisted Developer – maßgeschneiderte Weblösungen
