Disziplin · Aachen
Webdesign
aus Aachen.
Onepager, WordPress, Shop. Performance, Accessibility und DSGVO — keine Häkchen, sondern Default. Hosting auf Wunsch auf deutschem Server (IONOS Frankfurt) mit Linux, Docker, Caddy und Cloudflare. Keine US-CDNs, keine Tracker.
- 15 Pakete zur Wahl: Web-Abo ab 49 €/Mo oder Festpreis-Projekt.
- Lighthouse als Standard. Performance, Accessibility, SEO immer im Blick — ehrlich kalkuliert pro Stack.
- DSGVO als Default. Self-hosted Fonts, kein Tracking ohne Consent, kein US-CDN.
- Hosted in DE. IONOS Frankfurt mit Linux, Docker, Caddy & Cloudflare.
01 · Vier Wege ins Web
Onepager, Website, Shop, Abo.
Welcher passt zu dir?
Wenn du heute starten willst
Onepager
ab 720 €
- 1 Seite, alle wichtigen Sektionen
- Responsive, schnell, indexierbar
- Kontaktformular & SEO-Basis
- Ideal für Solo, Startup, Landing
Passt für: Solo-Selbstständige, Pop-Ups, Eventseiten, Lead-Magnets.
Onepager-Pakete ansehen
Bestseller
Website
ab 2.400 €
- 5–10 Seiten, eigenes CMS
- WordPress (DIVI / Custom) oder statisch
- SEO-Setup & Analytics-Anbindung
- Wartungs-Optionen verfügbar
Passt für: KMU, Agenturen, Praxen, Restaurants, Vereine.
Website-Pakete ansehen
Wenn Verkauf läuft
Online-Shop
ab 2.400 €
- WooCommerce / Shopify / Shopware
- Zahlung, Versand, MwSt., DSGVO
- Bis 200+ Produkte, erweiterbar
- Anbindung an Buchhaltung möglich
Passt für: Marken, Manufakturen, Studios, Retail.
Shop-Pakete ansehen
Wenn du nichts managen willst
Web-Abo
49–199 €/Mo
- Hosting, Domain, Backup inklusive
- Updates & Wartung übernehme ich
- 3 Stufen: Starter, Standard, Premium
- 24 Monate Mindestlaufzeit, dann monatlich kündbar
Passt für: Solo, lokale Geschäfte, Nebenprojekte.
Web-Abo im Detail02 · 15 Pakete · Klick dich rein
15 Pakete.
Klick dich rein.
RICHTPREISE · ENDPREIS JE NACH UMFANG
* Pakete als Orientierung. Endpreis hängt vom Funktionsumfang, der Seitenanzahl und der Komplexität ab. Hosting-Kosten und Domain sind nicht enthalten.
Klingt nach deinem Stack?
Direkt zum Design-Konfigurator.
Festpreis in 24 Stunden.
03 · Auf jedem Gerät
Pixel-exakt auf jedem Gerät.
70 % deiner Besucher landen auf dem Smartphone — nicht am 27"-iMac.
70 % deiner Besucher kommen über Mobile. Layouts reagieren sauber: Navigation wird zum Burger, 3-Spalten kollabieren auf 1, CTAs bleiben fingerbreit. Mobile First, geprüft auf 3 Viewports.
04 · Beweis
Lighthouse als Maßstab.
Plus: dieser Code rendert die Site.
Performance ist nicht Glück, sondern Stack-Entscheidung. Hier realistische Lighthouse-Richtwerte pro Setup — keine Werbeversprechen, sondern was im jeweiligen Stack technisch möglich ist.
01 · Static / Onepager
- HTML/CSS direkt, keine Builder-Layer
- Self-hosted Fonts, DSGVO-konform
- Kein US-CDN, kein Tracking ohne Consent
90+ ist realistisch bei sauberer Umsetzung.
02 · WordPress + Page-Builder
- Builder-Overhead lässt sich nicht abschalten
- Plugin-Stack erhöht Total-Blocking-Time
- jQuery-Erbe + Generated-CSS sind Realität
75–85 typisch — abhängig von Theme & Plugin-Stack.
03 · Shop (WooCommerce, Shopify)
- Payment + Tracking + Consent nicht verhandelbar
- Cart-State + Checkout-Sync = JS-Last
- Fokus auf Conversion, nicht auf Lighthouse
70–80 typisch — Shops haben viel Code/Tracking.
Ehrliche Werte schlagen geschönte Versprechen. Was bei deinem Projekt wirklich erreichbar ist, klären wir im Briefing — abhängig von Stack, Budget und gewünschter Tiefe der Optimierung.
Was diese Site sonst noch hat
Komponenten in dieser Site
- 6 Werkzeuge Druckdaten · Logo-Test · ROI · Mockup · Farben · Typo
- 9 Blog-Posts Animierte SVG-Diagramme · Faktencheck · Schema.org
- 119 Glossar-Einträge Tooltip-System · Click/Hover · ESC · site-weit eingebunden
- 1 Design-Konfigurator Mehrstufig · Live-Pakete-Auswahl · Webhook → 24-h-Angebot
Tieferes Why? Blog: WordPress vs. HTML →
05 · Vom Briefing zum Launch
Wie ich arbeite.
Im Detail.
-
01
Briefing & Architektur
30-min Video-Call oder Design-Konfigurator-Briefing. Ziele, Zielgruppe, Sitemap, technischer Stack. Ich sage früh, ob WordPress, ein Onepager oder eine statische Seite die ehrlichere Wahl ist.
Aus Worten wird Struktur -
02
Wireframe & Design
Mobile-first Wireframes, dann Hi-Fi-Designs. Komponenten-System, Farb- und Typo-Tokens. Du siehst das Layout, bevor irgendeine Zeile Code geschrieben wird.
Wireframe → Hi-Fi · live -
03
Build & QA
Implementierung, Cross-Device-Tests, Lighthouse-Audit, A11y-Check, DSGVO-Setup. Onepager 2–3 Wochen, Standard-Site 4–6, Shop 6–10 — hängt von Inhalten und Korrekturschleifen ab.
Build & Lighthouse-Audit -
04
Launch & Übergabe
DNS-Cutover, Hosting-Konfiguration, CMS-Schulung wenn gewünscht. Doku, Backup-Routine, offene Arbeitsdateien. Zwei Korrekturschleifen sind eingebaut — keine Schock-Rechnung.
Cutover → live für alle
06 · FAQ
Häufig gefragt.
Vor dem Briefing geklärt.
-
Hostest du auch selbst?
Ja, optional auf einem deutschen Server (IONOS Frankfurt) — Linux, Docker, Caddy, CrowdSec. Komplett DSGVO-konform, keine US-CDNs.
-
WordPress oder lieber Custom?
Kommt drauf an. WordPress wenn du selbst pflegen willst, Custom wenn Performance zählt. Ich berate ehrlich, was zu deinem Setup passt — auch wenn die Antwort „nicht WordPress" ist.
-
Wie lange dauert eine Website?
Onepager 2–3 Wochen, Standard-Website 4–6 Wochen, Shop 6–10 Wochen. Hängt von Inhalten und Korrekturschleifen ab.
-
Texte & Bilder — wer macht das?
Du, oder ich auf Wunsch. Texte können in der Designstrategie-Beratung mitgemacht werden. Fotos schieße ich selbst, wenn nötig.
-
Was kostet Domain & Hosting?
Domain ca. 10–20 €/Jahr, Hosting bei IONOS ab 5 €/Monat. Beim Web-as-a-Service-Abo (ab 49 €/Mo) ist beides drin — kein Klein-klein mehr.
-
Bekomme ich die Arbeitsdateien?
Ja, vollständig. Figma-Files, Code-Repository, CMS-Zugang, Design-Tokens. Kein Vendor-Lock-in — du kannst jederzeit zu jemand anderem wechseln.
-
Ist die Site direkt SEO-fertig?
Sitemap, robots.txt, Schema.org-Markup, Open-Graph, semantisches HTML — alles dabei. Keyword-Strategie und Content-SEO sind eigene Pakete (siehe SEO-Grundlagenberatung).
-
Und nach dem Launch — was dann?
Wartung optional als Abo (Plugin-/Theme-/Core-Updates, Backups, Monitoring). Oder du übernimmst selbst — du bekommst die Doku dafür.