PositionierungWebdesignWordPress-EntwicklungSEO und GEOBarrierefreiheitDatenschutz
Smart MANV GmbH
Smart MANV hatte noch keine Website. Entstanden sind eine geschärfte Positionierung und eine barrierefreie WordPress-Website mit 14 Seiten, die das Fachthema MANV für Rettungsdienst und Feuerwehr verständlich macht.
- Branche
- MANV-Beratung und Einsatztaktik
- Ort
- Eschborn
- Zeitraum
- April bis September 2026
- Website
- smart-manv.de
Eine Website, die MANV-Expertise verständlich macht
Was gefragt war
Die Smart MANV GmbH aus Eschborn berät Rettungsdienstträger, Ärztliche Leiter Rettungsdienst und Feuerwehrführung rund um den Massenanfall von Verletzten (MANV) und schult die operative Anwendung der IVENA MANV APP. Zum Projektstart gab es keine Website, kein nutzbares Bildmaterial und keine Messung, dafür ein vorhandenes Corporate Design.
Gebraucht wurde ein Auftritt, der das Fachthema verständlich transportiert, ohne an Tiefgang zu verlieren. Weil die Zielgruppen überwiegend aus dem öffentlichen Sektor kommen, waren Barrierefreiheit, Datenschutz und schnelle Ladezeiten von Anfang an gesetzt. Die Inhalte sollte Smart MANV selbst pflegen können.
Die Ziele
- Klare Positionierung als Spezialist für MANV-Taktik und IVENA
- Mehr qualifizierte Anfragen aus Rettungsdienst und Feuerwehr
- Sichtbarkeit in Suchmaschinen und KI-Systemen
- Barrierefreiheit nach BFSG und WCAG 2.2 sowie Einwilligung nach DSGVO
- Inhalte selbst im Editor pflegen, ohne HTML-Kenntnisse
Was ich gemacht habe
Briefing und Roadmap
Neukundenbriefing mit neun Themenblöcken und eine Projektroadmap mit Phasen und Freigabepunkten.
Strategisches Onboarding
Markenversprechen, Tonalität, drei Markenkerne, Wettbewerbsanalyse, Personas in drei Ebenen, Menüstruktur, CTA-Konzept und FAQ-Katalog.
Texte
Textentwürfe für alle elf Seiten inklusive strukturierter Daten, danach die abgestimmte finale Fassung eingebaut.
Webdesign
Drei Layoutrichtungen im direkten Vergleich und ein klickbarer Figma-Prototyp für Startseite und Trägerseite, jeweils für Desktop und Smartphone.
Corporate Design fürs Web
Den vorhandenen Brand Guide ins Web übertragen, mit lokal gehosteten Webschriften und Gelb als klarer Handlungsfarbe.
WordPress-Theme
Eigenes Theme ohne Page Builder mit 14 Seiten plus Cookie-Richtlinie, jeder Text im Block-Editor bearbeitbar, Sektionsfarben mit automatischer Kontrastanpassung.
Bildwelt und Icons
KI-generierte Motive auf Basis echter Referenzfotos mit sichtbarer Kennzeichnung, dazu Icon-Sets, beides über klickbare Auswahlseiten ausgewählt.
SEO und GEO
Seitentitel, Meta-Descriptions, Open Graph, strukturierte Daten für Organisation, Website, Brotkrumen, FAQ und Personen, sprechende URLs und eine dynamische llms.txt.
Barrierefreiheit
Umsetzung nach BFSG und WCAG 2.2 AA mit Sprunglink, Tastaturbedienung, sichtbaren Fokusrahmen, sauberer Überschriftenstruktur und deutscher Silbentrennung.
Datenschutz
Cookie-Banner im Markenlook, lokal gehostete Schriften, Entwurf der Datenschutzerklärung zur anwaltlichen Prüfung, Impressum und Mailadressen ohne Klartext im Quelltext.
Tracking
Google Analytics 4 über den Google Tag Manager nur nach Einwilligung mit eigenem Ereignismodell für alle Kontaktpunkte, dazu Microsoft Clarity mit separater Einwilligung.
Kontaktformular
Mehrstufiges Formular als Eigenbau mit fünf Anliegen als Auswahlkacheln und Spamschutz ohne Captcha.
Hosting
Umzug von der Entwicklungsumgebung auf den Produktivserver des Kunden unter smart-manv.de.
Was dieses Projekt ausmacht Smart MANV GmbH im Detail
Projektregeln Smart MANV GmbHAuszug
Regel 1
Gelb ist die Handlungsfarbe
Gelb markiert, wo etwas zu tun ist. Triagegrün und Triagerot tauchen nur dort auf, wo sie etwas bedeuten, nie als Dekoration.
Regel 2
Barrierefrei auf jeder Seite
Sprunglink, Tastaturbedienung und sichtbare Fokusrahmen gehören nach WCAG 2.2 AA auf jeder Seite dazu.
Steckbrief Smart MANV GmbHAuszug
- 4 Kontaktpunkte
- Von sieben auf vierNavigation und gelber Seitenabschluss sind die festen Einstiege, im Inhalt gibt es höchstens noch einen. Jeder davon hat eine eigene Aufgabe.
- Zeitraum
- April bis September 2026
- Ort
- Eschborn
- Branche
- MANV-Beratung und Einsatztaktik
Jeder Text ein Block im Editor
Jede Sektion lässt sich per Klick umfärben. Schrift, Linien und Buttons passen sich automatisch so an, dass alles lesbar bleibt.
Kontaktformular ohne Captcha
Das Formular führt in drei Schritten zum Ziel und kommt ohne Captcha aus. Spam fangen eine unsichtbare Falle, eine Zeitprüfung und ein Limit pro Absender ab.
Wie es lief
Briefing und Onboarding
Aus dem Briefing entstanden eine Roadmap mit drei Freigabepunkten sowie Positionierung, Personas und Menüstruktur.
Texte und Prototyp
Auf Basis der Texte für alle elf Seiten entstand aus drei Layoutrichtungen ein klickbarer Prototyp.
Bau der Website
Ich habe die Website so gebaut, dass Smart MANV jeden Text selbst im Editor pflegen kann.
Feedback und Bildwelt
In mehreren Feedbackrunden wurden Details geschärft und Smart MANV wählte 14 Motive für die neue Bildwelt aus.
Livegang
Die Website ging auf smart-manv.de online, mit eigenem Kontaktformular und Messung nur nach Einwilligung.
Das Projekt in Bildern
Ein Fachthema, das Maschinen lesen können
Smart MANV erklärt ein Fachthema für Rettungsdienst und Feuerwehr. Damit Google, KI-Systeme und Screenreader es genauso gut verstehen wie Einsatzkräfte, steckt im eigenen WordPress-Theme viel Arbeit, die man nicht sieht.
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"name": "Smart MANV GmbH",
"founder": [
{ "@type": "Person", "name": "Niko Kern" },
{ "@type": "Person", "name": "Steffen Gries" }
]
},
{
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Ist das auf unsere Strukturen übertragbar?"
}]
}
]
}Strukturierte Daten
- Organization mit beiden Gründern auf jeder Seite
- FAQPage direkt aus den FAQ-Blöcken im Editor
- Neue Fragen landen ohne Zutun im Markup
- BreadcrumbList auf allen Unterseiten
SEO und GEO
- Genau eine H1 und ein Canonical auf jeder Seite
- Beschreibung aus dem pflegbaren Seitenauszug
- Open Graph mit eigenem Vorschaubild
- llms.txt aus den veröffentlichten Seiten erzeugt
- Sprechende URLs, alte Adresse per 301 umgeleitet
Technik
- Eigenes WordPress-Theme ohne Page Builder
- Jeder Text als Block im Editor pflegbar
- Sektionsfarben mit automatisch lesbarem Kontrast
- Schriften und Animation lokal, ohne CDN
Barrierefreiheit und Datenschutz
- Ausgerichtet an BFSG und WCAG 2.2 AA
- Sprunglink, sichtbarer Fokus, Bedienung per Tastatur
- Analytics und Clarity nur nach Einwilligung
- Mailadressen ohne Klartext im Quelltext
- Kontaktformular ohne Captcha, mit Spamfallen
- 14
- Seiten plus Cookie-Richtlinie, jeder Text im Editor pflegbar
- 6
- Seiten mit FAQPage aus den FAQ-Blöcken
- 0
- Mailadressen im Klartext im Quelltext
Was jetzt steht
- WordPress-Website mit 14 Seiten auf smart-manv.de, davon sechs Leistungsseiten für jeweils eine Zielgruppe
- Jeder Text im Block-Editor pflegbar, Sektionsfarben mit automatischer Kontrastanpassung
- Umsetzung nach BFSG und WCAG 2.2 AA, fluide vom Smartphone bis zum breiten Monitor
- Strukturierte Daten, FAQ-Schema direkt aus den Inhalten und eine llms.txt für Suchmaschinen und KI-Systeme
- Tracking nur nach Einwilligung, lokale Schriften und Mailadressen ohne Klartext im Quelltext
- Eigenes Kontaktformular in drei Schritten ohne Captcha
Website smart-manv.de
Wir haben unsere Webseite von Paul und creativecouch erstellen lassen und sind mit dem Ergebnis sehr zufrieden! Die Zusammenarbeit war super angenehm, professionell und unkompliziert. Paul ist sympathisch, geht auf Wünsche ein und ist immer schnell erreichbar. Die Webseite ist modern geworden und sieht richtig gut aus. […]
Alle Bewertungen stammen aus meinem Google-Unternehmensprofil und sind dort einsehbar. Google prüft die Echtheit, ich übernehme sie unverändert.
Fachwissen, das online verstanden wird
Smart MANV erklärt ein Fachthema für Rettungsdienst und Feuerwehr auf 14 Seiten, sechs davon für je eine Zielgruppe. Wie aus deinem Fachwissen eine verständliche Website wird, besprechen wir im Erstgespräch.
Passende Leistungen WebdesignSEO und GEO