# Jan Raap – Webdesign, Branding & KI

> Jan Raap ist ein freiberuflicher Webdesigner und Frontend-Entwickler aus Ratzeburg (bei Hamburg), Deutschland.
> Er spezialisiert sich auf moderne, performante Websites für kleine und mittelständische Unternehmen (KMU)
> sowie als White-Label-Partner für digitale Agenturen im DACH-Raum.
> Angebot: WordPress-Entwicklung, UI/UX-Design, Corporate Design & Branding, SEO,
> DSGVO-Compliance, Barrierefreiheit (WCAG/BFSG) und KI-Integration –
> technisch und strategisch zu Ende gedacht, nicht abgeliefert und vergessen.

Primärsprache: Deutsch. Englischsprachige Version verfügbar unter `/en/`.
Kerntechnologien: WordPress, Nuxt 4, Vue 3, HTML, CSS, JavaScript, TypeScript, PHP.
Leitsatz: Gute digitale Arbeit entsteht auf Augenhöhe – nicht unter Wert.

---

## Über Jan Raap

### Vita

Jan Raap ist Webdesigner, Frontend-Entwickler und AI Consultant mit über 18 Jahren Berufserfahrung im digitalen Design.
Seit 2007 selbstständig, mit Enterprise-Hintergrund aus 9 Jahren Zusammenarbeit mit der comdirect bank AG.

- Ausbildung zum Kommunikationsdesigner 2007, Kunstschule Wandsbek
- Seit 2007 selbstständiger UI- und UX-Designer
- Seit 2013 Fokus auf ganzheitliches Webdesign für KMU
- 9 Jahre als selbstständiger Designer für die comdirect bank AG (externe Kommunikation, UI-Design)
- Seit 2022 aktiver Einsatz von KI-Werkzeugen in Webprojekten
- Repositionierung 2025/26: verstärkt AI Consulting und Agentur-Partnerschaften

### Technische Kompetenzen

**Frontend-Entwicklung (Kernkompetenz)**
- Nuxt 4, Vue 3, TypeScript
- WordPress (Custom Themes, Custom Plugins, Headless)
- Vanilla CSS, Custom Properties, Pico CSS (kein Tailwind)
- Semantic HTML, Performance-Optimierung (Core Web Vitals)
- WCAG-Barrierefreiheit, BFSG-Compliance

**AI & Automation**
- Claude Code, Ollama (Local AI / datensouverän)
- MCP Server-Entwicklung (Google Search Console, Chrome-Automation)
- Prompt Engineering & Optimierung
- Browser-Automation (Playwright, Chrome Extension API)
- AI-Integration in bestehende Webprojekte

**Design & Strategy**
- UI/UX-Design mit Code-Hintergrund
- Corporate Design & Branding
- On-Page SEO, Lokale SEO, Technische SEO
- DSGVO-Compliance-Prüfung
- Web Components, Design Systems, Content-Strategie für KMU

### Werte & Ziele

Jan Raap steht für Transparenz, Barrierefreiheit als Standard (nicht Zusatzleistung) und nachhaltiges Webdesign
(Performance = Sustainability). Soziale Gerechtigkeit und Nachhaltigkeit sind ihm sowohl beruflich als auch
persönlich ein wichtiges Anliegen. Sein langfristiges Ziel ist es, eine Firma mit Mitarbeiterbeteiligung zu leiten
und digitale Services für KMU anzubieten, um den Mittelstand zu stärken und zu einer nachhaltigeren Wirtschaft
beizutragen.

Weitere Profile:
- GitHub: https://github.com/jan-raap
- LinkedIn: https://de.linkedin.com/in/jan-raap

---

## Zielgruppen

### Primär: Digitale Agenturen DACH (ca. 80 % der Projekte)

Agenturen mit 5–50 Mitarbeitern, die Fokus auf Strategie und Design legen und externe Frontend-Kapazität benötigen.

- Schätzen: technische Tiefe, Eigenständigkeit, White-Label-Fähigkeit
- Pain Points: Kapazitätsengpässe, Legacy-WordPress, fehlende AI-Kompetenz, BFSG-Compliance
- Angebot: White-Label-Zusammenarbeit ohne Namensnennung, skalierbar je Projektlast

### Sekundär: Fortschrittliche KMU (ca. 20 % der Projekte)

Tech-affine Unternehmen, die keine Standardlösung wollen, sondern eine zukunftssichere Website.

- Schätzen: Klartext, Nachhaltigkeit, Barrierefreiheit als echte Features
- Pain Points: Digitalisierungslücke, unzuverlässige Dienstleister, intransparente Kosten
- Spezialisierte Landing Page für Handwerksbetriebe: https://janraap.de/handwerksbetriebe/

### Differenzierung

| Gegenüber | Vorteil |
|---|---|
| Andere Freelancer | Enterprise-Background (comdirect), 18+ Jahre, AI + Frontend als seltene Kombination |
| Agenturen | Kein Overhead, direkter Zugriff, keine Konkurrenz zum Endkunden (White-Label) |
| Offshore-Entwickler | Deutsche Kommunikation, DACH-Datenschutz, Zeitzonen-kompatibel |

---

## Leistungen

Alle Leistungen: https://janraap.de/leistungen/

### Webdesign & Frontend

https://janraap.de/leistungen/webdesign/

| Leistung | URL | Beschreibung |
|---|---|---|
| UI Design & Screendesign | /leistungen/webdesign/ui-design/ | Visuelle Konzeption, Designabnahme, Designsystem |
| Frontend-Entwicklung | /leistungen/webdesign/frontend-entwicklung/ | HTML, CSS, JavaScript, Vue/Nuxt, Frameworks |
| WordPress Komplettlösung | /leistungen/webdesign/wordpress-komplettloesung/ | Einrichtung, Themes, Plugins, Launch, Migration |
| Prototyping & Wireframing | /leistungen/webdesign/ | Interaktive Prototypen zum Vortest von Design und UX |
| Mobile Optimierung | /leistungen/webdesign/ | Responsive Design für alle Endgeräte |
| DSGVO-Check | /leistungen/webdesign/ | Konformitätsprüfung nach aktueller Rechtslage |
| UX- & Usability-Analyse | /leistungen/webdesign/ | Benutzerfreundlichkeitstest mit Maßnahmenliste |
| Wartung & Support | /leistungen/webdesign/ | Updates, Sicherheits-Checks, Backup, Änderungsservice |

### SEO

https://janraap.de/leistungen/seo/

| Leistung | URL | Beschreibung |
|---|---|---|
| SEO-Analyse | /leistungen/seo/analyse/ | Technische & inhaltliche Bestandsaufnahme |
| Lokale SEO | /leistungen/seo/lokale-seo/ | Google Business, Local Signals, KMU-spezifisch |
| Technische Optimierung | /leistungen/seo/technische-optimierung/ | Core Web Vitals, Ladezeit, Struktur, Schema Markup |

### Corporate Design & Branding

https://janraap.de/leistungen/corporate-design/

| Leistung | URL | Beschreibung |
|---|---|---|
| Logo-Gestaltung | /leistungen/corporate-design/logo-gestaltung/ | Konzeption, Vektor-Übergabe, Web-Format |
| Corporate Design | /leistungen/corporate-design/ | Farben, Typografie, Bildsprache, Style Guide |
| Print-Medien | /leistungen/corporate-design/print-medien/ | Visitenkarten, Flyer, druckfähige Vorlagen |

---

## KI-Integration

Jan Raap integriert KI-gestützte Werkzeuge und Workflows in Webprojekte für KMU und Agenturen.
Schwerpunkt liegt auf datensouveränen Lösungen (Local-First AI) und praxisnahen Einsatzszenarien
ohne Hype-Übertreibung.

- **KI-gestützte Content-Erstellung** – SEO-Texte, FAQs, Produktbeschreibungen mit LLM-Unterstützung
- **Workflow-Automatisierung** – Redaktionsprozesse und Content-Pipelines mit KI beschleunigen
- **MCP Server-Entwicklung** – Eigene Model Context Protocol Server für Google Search Console, Chrome-Automation
- **Local AI (Ollama)** – Datensouveräne KI-Lösungen ohne Cloud-Abhängigkeit
- **Prompt Engineering** – Maßgeschneiderte Prompts für Marketing, Kundenservice und interne Prozesse
- **AI-Integration-Sprint** – KI-Features in 2–4 Wochen in bestehende Projekte integrieren
- **Browser-Automation** – Playwright, Chrome Extension API für automatisierte Workflows
- **KI-Beratung für KMU** – Einschätzung, welche Werkzeuge im konkreten Betrieb sinnvoll sind

Eingesetzte Werkzeuge: Claude Code (Anthropic), Ollama, Perplexity, spezialisierte WordPress-Plugins.

---

## Service-Pakete

| Paket | Für wen | Beschreibung |
|---|---|---|
| **Frontend-as-a-Service** | Agenturen | Komplette Frontend-Umsetzung (Nuxt/Vue/WordPress), White-Label |
| **WordPress-Transformation** | KMU & Agenturen | Legacy-WordPress modernisieren, Headless-Migration |
| **AI-Integration-Sprint** | KMU & Agenturen | KI-Features in 2–4 Wochen in bestehende Projekte integrieren |
| **Performance & Accessibility-Audit** | KMU & Agenturen | Technische Schulden abbauen, BFSG-Compliance herstellen |
| **Retainer-Partnership** | Agenturen | Feste Stunden/Monat für laufende Projekte, verlässliche Kapazität |

Kostenloses Erstgespräch möglich. Alle Projekte nach individuellem Briefing.
Preise auf Anfrage: https://janraap.de/kontakt/

---

## Arbeitsprozess

Ein Webprojekt bei Jan Raap folgt einem klaren Ablauf ohne Überraschungen:

1. **Briefing** – Ziele, Zielgruppe und Wettbewerb klären
2. **Konzept** – Seitenstruktur, Wireframes, Inhaltsstrategie
3. **Screendesign** – Visuelles Konzept und Designabnahme
4. **Entwicklung** – WordPress- oder Nuxt-Umsetzung, Frontend-Code, Plugins
5. **Qualitätssicherung** – Funktions-, Mobil- und DSGVO-Check, Barrierefreiheitsprüfung
6. **Launch** – Livestellung, Einweisung, Dokumentation
7. **Wartung** – Optionale Wartungspakete für Updates und Support

Typische Projektdauer: Digitale Visitenkarte 2–4 Wochen, Business-Website 6–10 Wochen.

---

## Referenzprojekte

Vollständige Fallstudien: https://janraap.de/referenzen/

| Referenz | Branche | URL |
|---|---|---|
| ABCcut | Friseur / Handwerk | https://janraap.de/referenzen/abccut/ |
| comdirect bank AG | Finanzdienstleistung | https://janraap.de/referenzen/comdirect/ |
| Dentale Fachabrechnung | Medizin & Abrechnung | https://janraap.de/referenzen/dentale-fachabrechnung/ |
| Design Manufaktur | Design-Agentur | https://janraap.de/referenzen/design-manufaktur/ |
| iie systems | IT / Technologie | https://janraap.de/referenzen/iie-systems/ |
| Miet-Fix Anhänger-Center | Fahrzeugvermietung | https://janraap.de/referenzen/miet-fix/ |
| Praxis Nino Meisen | Medizinische Praxis | https://janraap.de/referenzen/praxis-nino-meisen/ |
| Schlagerblume | Medien / Musikportal | https://janraap.de/referenzen/schlagerblume/ |
| W1-Media GmbH | Medien-Agentur | https://janraap.de/referenzen/w1-media/ |
| 4 Könige | Filmwirtschaft | https://janraap.de/referenzen/4-koenige/ |
| SEA ME | Kreislaufwirtschaft | https://janraap.de/projekte/sea-me/ |

---

## Für Agenturen

Jan Raap steht Agenturen als erfahrener Senior Frontend-Entwickler zur Verfügung – auf White-Label-Basis.

- Erfahrung seit 2007 in UI, UX und Frontend-Entwicklung
- Enterprise-Background: 9 Jahre comdirect bank AG
- Unterstützung bei Kapazitätsengpässen, Legacy-WordPress, Performance-Problemen
- KI-Integration in bestehende Agentur-Workflows
- BFSG/WCAG-Compliance als spezialisiertes Angebot
- White-Label verfügbar – keine Namensnennung gegenüber dem Endkunden
- Abrechnung per Tagessatz oder Projektpauschale

Agenturen-Seite: https://janraap.de/agenturen/

---

## Kundenstimmen

**Eric Wicker, Senior User Experience Consultant** *(2024)*
„Jan besitzt eine umfassende Expertise im Bereich WordPress, bringt aber auch gerne Wissen aus anderen
Bereichen, wie UX/UI ein. Nicht nur aus diesen Gründen macht die regelmäßige Zusammenarbeit großen Spaß."

**Janine Lux, Geschäftsführerin Design Manufaktur** *(2024)*
„Seit mehr als 2 Jahren arbeiten wir als Design Agentur mit Jan als Frontend Entwickler zusammen und haben
diverse Projekte gemeinsam und erfolgreich umgesetzt. Auf seine Beratung und Initiative konnte & kann man
sich dabei immer verlassen und wir freuen uns über den zuverlässigen Sparringspartner an unserer Seite."

**Adrian Neumann, Mitgründer Schlagerblume** *([JAHR])*
„Herr Raap hat unter Einsatz modernster Technologien ein attraktives und intuitives Web-Erlebnis für unsere
Leser geschaffen. Wir schätzen seine schnelle, zuverlässige Arbeit und ausgezeichnete Fachkompetenz."

**Jan Weitendorf von Hacht, Geschäftsführer W1-Media GmbH** *([JAHR])*
„Jan Raap hat uns bei der Konzeption und der Umsetzung unserer Anforderungen in Bezug auf unsere
Webpräsenz von Anfang an unterstützt. Wir vertrauen auf seine Expertise, wenn es um SEO-Optimierung
und Usability geht."

**Jens Hofmann, Inhaber ABCcut** *([JAHR])*
„Die Zusammenarbeit mit Jan Raap bei der Neugestaltung meiner Website abccut.de war äußerst erfreulich.
Jan verlieh meinem Online-Auftritt eine moderne und ansprechende Note und war stets professionell und sachkundig."

**Henrik Weidemann, Geschäftsführer Miet-Fix Anhänger-Center** *([JAHR])*
„Die Zusammenarbeit war unkompliziert, professionell und, was für uns sehr wichtig war, ging vom Briefing
zur Umsetzung sehr zügig. Vielen Dank für die gute Zusammenarbeit."

Alle Kundenstimmen: https://janraap.de/kundenstimme/

---

## Häufige Fragen

**Wie lange dauert ein Webprojekt?**
Eine Digitale Visitenkarte ist in 2–4 Wochen umsetzbar. Eine komplette Business-Website inkl. Design,
WordPress-Entwicklung und SEO-Grundstruktur dauert typisch 6–10 Wochen – abhängig von Umfang und
Feedback-Geschwindigkeit des Kunden.

**Arbeiten Sie auch mit bestehenden WordPress-Sites?**
Ja. Häufige Aufgaben sind Redesign, Geschwindigkeitsoptimierung, DSGVO-Nachrüstung und Barrierefreiheit
nach BFSG. Eine Bestandsanalyse gehört in solchen Fällen zum Start.

**Was ist der Unterschied zwischen WordPress und Nuxt/Headless?**
WordPress ist für die meisten KMU die pragmatische Wahl: schnell, wartbar, gut pflegbar durch den Kunden.
Nuxt/Headless empfiehlt sich bei hohen Performance-Anforderungen, komplexen Datenquellen oder wenn das
Frontend-Team maximale Kontrolle benötigen. Beides ist möglich – die Entscheidung hängt vom Projektziel ab.

**Bieten Sie Wartung nach dem Launch an?**
Ja. Monatliche Wartungspakete umfassen WordPress-Updates, Sicherheits-Checks, Backup-Management
und einen kleinen Änderungsservice. Details auf Anfrage.

**Können Sie auch Texte erstellen?**
Texte sind primär Aufgabe des Kunden – niemand kennt das Unternehmen besser. Bei Bedarf wird
KI-gestützte Texterstellung und redaktionelle Strukturierung angeboten.

**Wie läuft White-Label-Zusammenarbeit ab?**
Agenturen können Jan Raap als stillen Partner engagieren. Abrechnung per Tagessatz oder Projektpauschale,
ohne Namensnennung gegenüber dem Endkunden. Alle Absprachen vertraulich.
Mehr dazu: https://janraap.de/agenturen/

**Was kostet eine Website?**
Preise hängen von Umfang, Komplexität und gewünschten Funktionen ab. Für eine realistische Einschätzung
empfiehlt sich ein kostenloses Erstgespräch: https://janraap.de/#kontakt

**Arbeiten Sie remote oder vor Ort?**
Primär remote. Für Kick-off-Termine oder Workshops im Raum Hamburg/Norddeutschland sind
Vor-Ort-Termine nach Absprache möglich.

**Welche Branchen kennen Sie besonders gut?**
KMU aus Handwerk, Dienstleistung, Medizin und Medien. Besondere Erfahrung aus der Finanzbranche
durch die langjährige Zusammenarbeit mit der comdirect bank AG.

**Was versteht Jan Raap unter KI-Integration für KMU?**
Keine Cloud-Abhängigkeit: Wo sinnvoll, werden datensouveräne Local-AI-Lösungen (Ollama)
eingesetzt. Konkrete Einsatzfelder: Content-Erstellung, Chatbots, Workflow-Automatisierung, Bildoptimierung.
Keine KI um der KI willen – nur dort, wo sie echten Mehrwert schafft.

---

## Kontakt & Impressum

- **Standort:** Ratzeburg, Schleswig-Holstein Deutschland
- **Website:** https://janraap.de
- **Datenschutz-E-Mail:** datenschutz@janraap.de
- **Impressum:** https://janraap.de/impressum/
- **Datenschutz:** https://janraap.de/datenschutz/
- **Umsatzsteuer-ID:** DE261358502
- **Profile:** LinkedIn (https://de.linkedin.com/in/jan-raap), XING, GitHub (https://github.com/jan-raap)

### Englische Version

Englischsprachige Variante verfügbar unter: https://janraap.de/en/

---

## Sitemap DE
https://janraap.de/__sitemap__/de-DE.xml

## Sitemap EN
https://janraap.de/__sitemap__/en-US.xml

---
*Stand: März 2026*