Xenon / Webentwicklung
Disziplin · 02

Code der trägt —
nicht nur läuft.

Saubere Architektur, semantisches Markup, durchdachte Performance. Websites, die in fünf Jahren noch wartbar sind — und in 0,9 Sekunden geladen.

Was ich baue

Frontend, CMS,
oder das ganze Paket.

/ 001 </>

Frontend

Moderne, semantische Frontends — von Custom HTML/CSS/JS bis zu React/Next.js. Schnell und barrierefrei.

  • HTML / CSS / JS
  • React / Next.js
  • TypeScript
  • Tailwind / Vanilla CSS
/ 002 ≡

CMS Integration

Redaktionelle Freiheit ohne Page-Builder-Chaos. Inhalte pflegen, ohne den Code zu berühren.

  • WordPress (Headless)
  • Sanity
  • Storyblok
  • Strapi
/ 003 ↗

Performance

Lighthouse 95+ ist Standard, nicht Premium. Core Web Vitals werden im Build geprüft.

  • Image Pipeline
  • Edge / CDN
  • Caching-Strategie
  • Bundle-Audit
/ 004 ✓

Qualität & Tests

Linting, Type-Safety, Cross-Browser. Wenn ich launche, läuft es — und bleibt am Laufen.

  • Cross-Browser
  • Mobile Testing
  • Linting
  • Monitoring
/ 005 €

E-Commerce

Shopify, WooCommerce — schnelle Storefronts mit Zahlungsabwicklung und Versand-Integration.

  • Shopify
  • WooCommerce
  • Stripe
  • PayPal
/ 006 +

Integrationen

HubSpot, Stripe, Mailchimp, Calendly, Google Maps — ich verkabele deine Systeme sauber.

  • API-First
  • Newsletter
  • Buchungssysteme
  • DSGVO-konform
Tech Stack

Bewährte Werkzeuge.
Keine Trends ohne Substanz.

/ 01HTML / CSS
/ 02JavaScript
/ 03TypeScript
/ 04React
/ 05Next.js
/ 06Tailwind
/ 07WordPress
/ 08Shopify
/ 09Vercel
/ 10Cloudflare
/ 11Node.js
/ 12Git
Wie ich baue

Performance ist
kein Plugin.

Schnelligkeit entsteht nicht im letzten Sprint. Sie entsteht in der Architektur, im Asset-Handling, im Bundle-Splitting — und in der Disziplin, Dinge wegzulassen.

  • /01
    Mobile-first & responsive

    Jede Komponente wird zuerst auf dem kleinsten Gerät gedacht. Kein nachträgliches Schrumpfen.

  • /02
    Barrierefrei (WCAG)

    Kontraste, Tastaturbedienung, Screenreader. BFSG-konform ab dem ersten Commit.

  • /03
    Wartbarer Code

    Lesbar, dokumentiert. Du oder dein Entwickler könnt ab Tag 1 weiterarbeiten.

  • /04
    SEO-Foundation

    Semantisches HTML, sauberes Schema.org, Sitemap, OG-Tags. Die Basis stimmt.

// terminal — build 97 / 100
$ npm run build
› compiling…
› optimizing assets
› generating routes
✓ built in 4.2s
 
— Lighthouse
Performance    98
Accessibility   100
Best Practices  100
SEO             100
 
$ _█
0,9 sø Time-to-Interactive
< 100 KBJS-Bundle
A+Mozilla Observatory
24/7Uptime-Monitoring

Hast du ein Projekt, das richtig
gebaut werden soll?

Schick mir das Briefing. Du bekommst eine ehrliche Einschätzung — Stack, Aufwand, Zeitplan.

Briefing senden → Beispiele ansehen