Case Study, Sicherheitsdienst Hamburg

CESAR Security UG

Für einen inhabergeführten Sicherheitsdienst in Hamburg haben wir den kompletten Webauftritt gebaut: Logo-Design, eigenes CMS, Karriere-Portal und lokale SEO für 9 Hamburger Stadtteile und Bezirke.

  • IHK-zertifiziert
  • § 34a GewO
  • 24/7 Einsatzleitstelle
  • Inhabergeführt
Website besuchen Performance prüfen
CESAR Security UG Logo: Gold-Wappen mit CS-Monogramm
cesar-security.de
CESAR Security Website: Screenshot der Homepage
CESAR Security Website: Leistungen
cesar-security.de: Leistungen
CESAR Security Website: Bereich Über uns
cesar-security.de: Über uns

A+ in drei Tests

Security

A+ bei securityheaders.com, Mozilla Observatory und SSL Labs

A+ SSL Labs A+ Security Headers A+ Mozilla Observatory
  • Content-Security-Policy
  • Strict-Transport-Security
  • X-Frame-Options
  • Permissions-Policy

Features

Was wir gebaut haben

  • Eigenes CMS

    Im Tiptap-Editor pflegt der Kunde Texte, Blog-Artikel und Preise selbst

  • Lokale SEO

    Strukturierte Daten nach Schema.org (LocalBusiness für den Sicherheitsdienst), eigene Seiten für 9 Hamburger Stadtteile und Bezirke

  • Karriere-Portal

    Eigene Karriereseite mit Bewerbungsformular direkt ins CRM

  • Galerie

    Bildergalerie für Einsätze und Team, verwaltbar im Admin-Panel

  • Blog

    SEO-Blog mit Kategorien, Tags und automatischer Sitemap

  • Sicherheit A+

    CSP-Nonces, HSTS, Rate-Limiting in Cloudflare D1

Tech Stack

Verwendete Technologien

  • Next.js 16

    App Router, PPR und Server Components für kurze Ladezeiten

    Framework

  • React 19

    Server Actions, useActionState, optimistische Updates

    UI Library

  • TypeScript

    Strict mode, branded types, vollständige Typsicherheit

    Language

  • Tailwind CSS v4

    @theme-Tokens und oklch-Farbraum, die Konfiguration bleibt schlank

    Styling

  • Cloudflare Workers + D1

    Content-CMS, die Daten kontrolliert der Inhaber selbst. Seit Oktober 2026 auf Cloudflare, zuvor Supabase

    Datenbank

  • Framer Motion + GSAP

    Scroll-Reveal, Parallax-Sektionen, flüssige Übergänge

    Animation

  • Three.js / R3F

    Interaktiver 3D-Viewer für Serviceübersicht

    3D

  • Tiptap CMS

    Rich-Text-Editor im Admin-Panel, mit dem der Kunde seine Inhalte selbst pflegt

    Content

  • Cloudflare E-Mail + D1

    Transaktions-E-Mails, Rate-Limiting gegen Spam

    Backend

Prozess

Vom Briefing zum Launch

  1. 01

    Discovery

    Woche 1
    • Anforderungsanalyse
    • Zielgruppenanalyse
    • Wettbewerber-Research
  2. 02

    Branding & Logo

    Woche 2
    • Logo-Konzept
    • Gold-Shield-Emblem
    • Logo-Paket (PNG, WebP, Varianten)
  3. 03

    Design

    Woche 3
    • Dark/Gold Design-System
    • Komponentenbibliothek
    • Mobile-First Layouts
  4. 04

    Development

    Woche 4-6
    • Next.js 16 App Router
    • 3D-Viewer, Scroll-Animationen
    • Admin-Panel & CMS
  5. 05

    SEO & Launch

    Woche 7
    • Schema.org Markup
    • Sitemap & robots.txt
    • Deployment & Monitoring

Selbst verifizieren

Die Tests sind öffentlich, prüfen Sie die Werte selbst

Verwandte Leistungen

Kontakt

Ähnliches Projekt in Planung?

Wir bauen Websites für Sicherheitsdienste und Dienstleister in Hamburg, mit eigenem CMS, lokaler SEO und nachprüfbarer Performance.

Projekt anfragen Weitere Referenzen