Service spectrum
Custom websites, web applications and digital features are not created from a fixed page builder. Depending on the task, I combine design, front-end development, content systems, data, APIs and AI-assisted development processes.
Designer – Frontend Developer – Digital Concept Developer – AI-assisted Developer
Structure, user guidance and the technical concept are developed together – from a company website to a custom application.
Information architecture – UX – Content structure – Application concept – Digital strategy – Wireframing – User guidance
Custom interfaces instead of ready-made themes. Typography, imagery, components and interaction are developed as one coherent system.
UI Design – Responsive Design – Design systems – Motion – Dark Mode – Bright Mode – High Contrast
Fast, custom websites and browser-based applications built with modern front-end technology and a clean component structure.
HTML – CSS – JavaScript – TypeScript – React – Vite – Components – Frontend Architecture
For fast company websites as well as extensive editorial platforms with many page types, categories and large content collections.
Astro – Static Rendering – Content Collections – Magazines – Guides – SEO – alltagswissen24.de
Calculators, configurators, forms and specialised browser tools for specific business, service or customer processes.
React – TypeScript – Calculators – Configurators – Web Apps – Internal tools – Forms
Structured content systems for websites that grow, are updated frequently or need editorial management.
Astro – Content architecture – Publishing – Archives – Page types – Headless CMS – Storyblok – Editorial workflows
Editorial work and the front end can be separated: content remains easy to manage while design and implementation stay fully custom.
Storyblok – Astro – React – Headless CMS – Visual Editor – Publishing – Scheduling – Content API
When applications need to store, structure or retrieve information permanently, suitable data storage can be integrated into the solution.
Databases – SQL – Structured data – Persistence – CRUD – Form data – User content – API integration
External data sources and services can be retrieved, processed and integrated appropriately into websites or applications.
REST API – JSON – Fetch – Live data – Weather – Prices – Dates – Statistics – Interfaces
Current information does not need to be maintained manually. Suitable data sources can be loaded, filtered and visualised automatically.
Live data – DWD – Bright Sky – Status displays – Tables – Metrics – Filters – Data visualisation
Custom animations, spatial visualisations and interactive browser experiences for distinctive digital applications and brand presentations.
Three.js – WebGL – 3D – Particles – Simulation – Physics – Interactive Experiences – Creative Coding
Purposeful motion supports user guidance, feedback and brand character – from small UI states to staged interactions.
CSS Motion – JavaScript Animation – Hover States – UI Feedback – prefers-reduced-motion – Interaction Design
Layouts, navigation, typography and image crops are deliberately adapted for desktop, tablet and smartphone instead of merely scaled down.
Responsive Design – Breakpoints – Mobile UX – Touch – Responsive Typography – Mobile Navigation – Crops
Images and graphic assets are technically prepared for quality, file size, scalability and different output devices.
AVIF – WebP – PNG – SVG – Responsive Images – srcset – Lazy Loading – Icons – Favicons – Open Graph
Clean HTML output, clear URL signals and controlled indexing establish the technical foundation for search visibility.
Google Search Console – Sitemap – Canonical – Redirects – robots.txt – noindex – Metadata – Crawling
Optimised assets, controlled JavaScript payloads and efficient production builds create fast, robust websites and applications.
Core Web Vitals – AVIF – WebP – Lazy Loading – Code Splitting – Caching – Compression – LCP – Build Optimization
Public content can be generated as finished HTML during the build – fast to deliver and immediately available to search engines.
Prerendering – Static HTML – Build Output – SEO – React – Astro – Performance – Indexability
From production output to the live website: hosting, domains and the technical server environment are configured to fit the project.
Hetzner – Apache – HTTPS – Domains – Hosting – Production Build – Deployment – Server configuration
When a browser-only solution is not enough, lean server-side functions can be added – without an unnecessarily large backend.
PHP – HTTP – JSON – Form Processing – Endpoints – Visitor Counter – Small APIs – Server logic
External content can be integrated so that it remains controlled and loads only after the appropriate consent.
CCM19 – Consent Management – Google Maps – External content – Conditional Loading – Privacy technology
Navigation, components and content structures can be prepared for multiple languages and implemented consistently.
DE/EN – Language Switch – Multilingual content – Content structure – Navigation – Internationalisation
Changes and development states remain traceable, reproducible and can be cleanly restored when required.
Git – Commits – Branches – Tags – Versioning – Rollback – Project archive – Change History
Code, types, production builds, HTML output, SEO signals and responsive presentation are tested systematically.
ESLint – TypeScript – Build Test – SEO HTML Test – diff-check – Responsive QA – Browser QA – Visual QA
Interactive PDF forms and digital document workflows can be prepared for proposals, approvals and recurring business processes.
PDF – AcroForm – Form fields – Digital signature – Locking logic – Proposal – Approval – Document workflow
AI supports research, concept development, implementation, testing, content and visualisation – with professional selection and controlled quality assurance.
ChatGPT – Codex – Claude – Perplexity – Replit – AI-assisted Development – Research – QA – Visualisation
Existing websites and applications can be extended functionally, visually and technically without rebuilding every project from scratch.
Ongoing development – New features – Refactoring – Content – SEO – Performance – Integrations – Technical support
Not every project needs React, a CMS or a server. The technical architecture is derived from the specific task.
Designer – Frontend Developer – Digital Concept Developer – AI-assisted Developer – Custom web solutions
