Zum Inhalt springen

Portfolio

Referenzen

Jede Website wird individuell entwickelt. Hier sehen Sie aktuelle Projekte als Beispiele meiner Arbeit.

Kundenprojekt

Rohwer Consulting

Kompletter Relaunch der Website für Peter Rohwer — IT-Beratung und Cloud-Lösungen für die Sozialwirtschaft in Schwerin. Von einer statischen Seite zum modernen, responsiven Webauftritt.

Ziehen Sie den Regler, um den Unterschied zu sehen

Highlights

Eigenständiges Ocean-Design — Ozean-Hintergrund, Glass-Card-Ästhetik, kein Template-Look

11 Unterseiten — Lösungen, Cloud Apps, Beratung, Technologien, Über mich & mehr

DSGVO-konform — Keine Cookies, kein Tracking, lokale Fonts

Barrierefreiheit (BFSG) — WCAG 2.1 AA, Skip-Links, Keyboard-navigierbar

Verbundene Software-Seite — psesozial.de als eigenständige Produktseite

E-Mail-Obfuskation — Schutz vor Spam-Bots, clientseitige Entschlüsselung

Umfang

Kompletter Relaunch von rohwer.net inkl. Konzeption, Design und Entwicklung. Dazu die verbundene Software-Produktseite psesozial.de mit 13 Unterseiten für die einzelnen Fachanwendungen. Beide Sites teilen ein konsistentes Design-System und sind gegenseitig verlinkt.

Technologie

Astro Tailwind CSS v4 TypeScript HTML / CSS

Branche

IT-Beratung / Sozialwirtschaft

Demo 01

Praxis Dr. med. Helena Berger

Komplette Website für eine fiktive Hausarztpraxis in Buxtehude. Entwickelt als Demonstration moderner Praxis-Websites — mit Fokus auf Barrierefreiheit, DSGVO-Konformität und schnelle Ladezeiten.

Desktop-Ansicht der Praxis Dr. Berger Website — Startseite mit Hero-Bild und Sprechzeiten-Widget
Mobile-Ansicht der Praxis Dr. Berger Website

Highlights

Lighthouse-optimiert — Barrierefreiheit, Performance und SEO auf Spitzenniveau

DSGVO-konform — Keine Cookies, kein Tracking, lokale Fonts

Responsive Design — Optimiert für alle Bildschirmgrößen

Interaktive Karte — OpenStreetMap + 2-Klick Google Maps

7 Unterseiten — Startseite, Leistungen, Team, Sprechzeiten & mehr

Scroll-Animationen — Sanfte Einblend-Effekte beim Scrollen

Umfang

Komplette Website mit individuellen Seiten für Startseite, Leistungen (Vorsorge, Chronische Erkrankungen, Impfberatung, Hausbesuche, Jugendvorsorge, DMP-Programme), Team-Vorstellung, Sprechzeiten mit interaktiver Kartenansicht, Kontaktseite, Impressum und Datenschutz. Alle Inhalte sind fiktiv — die Website dient als Demonstration.

Technologie

Astro Tailwind CSS TypeScript Leaflet HTML / CSS

Branche

Medizin / Hausarztpraxis

Demo 02

Tischlerei Hartmann

Demo-Website für eine fiktive Tischlerei in Lübeck. Eigenständiges Design mit Holz-Farbpalette, Baumscheiben-SVG-Grafik und Scroll-Animationen — als Branchenbeispiel für das Handwerk.

Desktop-Ansicht der Tischlerei Hartmann Website — Startseite mit Hero-Bild und Baumscheiben-Grafik
Mobile-Ansicht der Tischlerei Hartmann Website

Highlights

Eigenständiges Design — Holz-Farbpalette, Baumscheiben-SVG, kein Template-Look

DSGVO-konform — Keine Cookies, kein Tracking, lokale Fonts

Performance-optimiert — Responsive Bilder, WebP, fetchpriority, Preload

Scroll-Animationen — Hero-Stagger, Reveal-System, Hover-Effekte

3 Seiten — Startseite mit 8 Sektionen, Impressum, Datenschutz

Kontaktformular — Validierung, maxlength-Schutz, Leistungsauswahl

Umfang

One-Page-Website mit 8 Sektionen: Hero mit Werkstatt-Foto und Baumscheiben-Querschnitt, Trust Bar, Leistungen (Möbel, Küchen, Türen, Treppen, Restaurierung, Innenausbau), Prozess-Darstellung, Projektgalerie, Über-Uns-Bereich, Kundenstimmen und Kontaktformular. Dazu Impressum und Datenschutz als separate Seiten. Alle Inhalte sind fiktiv — die Website dient als Demonstration.

Technologie

Astro Tailwind CSS v4 HTML / CSS JavaScript

Branche

Handwerk / Tischlerei

Weitere Referenzen folgen. Wie steht Ihre aktuelle Website im Vergleich da?

Diese Website verwendet keine Cookies und kein Tracking. Ihre Daten bleiben bei Ihnen. Datenschutzerklärung