Referenzen

Case Studies & Websites, die fertig wirken

Saubere Umsetzung, wartbar, schnell – mit dokumentiertem Setup für Tracking, Consent und Performance. Projekte, die ohne Agentur-Overhead live gehen.

Direkt filterbar nach Live/Demo/Intern und Leistungsfokus.

Ausgewählte Projekte

Projekte im Fokus

Ausgewählte Referenzen mit vollem Leistungsumfang: klare Struktur, saubere Umsetzung und ein belastbares Tracking-/Consent-Setup.

Live

Patrick Melzer Elektrotechnik

Video

Landingpage mit Video-Hero, klarer Leistungsstruktur, Service-Highlights und direkter Kontaktführung.

Webdesign Performance Tracking Consent

Website ansehen →

Ausgangslage

Neuer Marktauftritt für Elektroinstallationen & Smarthome.
Video-Hero sollte ohne Performance-Verlust funktionieren.
Kontaktwege (Telefon/WhatsApp) prominent führen.

Umsetzung

16:9 Video-Hero mit lazy init, Poster-Fallback und Reduced-Motion-Check.
Service-Blöcke mit Icons, Kontakt-CTA pro Abschnitt.
Consent/Tracking klar getrennt, Events dokumentiert.
Bild-/Video-Optimierung (WebP, Preload nur bei Interaktion).

Tech/Stack

HTML/CSS Vanilla JS Performance-Tuning

Besonderheiten

Video nur bei Hover/Fokus, kein Autoplay bei Reduced Motion.
Scroll-Reveal mit noscript-Fallback.
Kontakt-Tracking (Click/Telefon) dokumentiert.

Outcome

Schnelle Angebotsanfragen, klarer Leistungsüberblick und nachweisbar saubere Consent-/Tracking-Basis.

Ähnliches Projekt anfragen

Demo

Team Wichert – Baumarbeiten & Forstservice

Video

Demo-Auftritt für ein regionales Baum- und Forstservice-Team mit klarer Leistungsstruktur und schnellem Kontakt.

Webdesign Performance SEO-Basics

Demo ansehen →

Ausgangslage

Keine klare Struktur für Leistungen und Region.
Kontakt war nur über ein generisches Formular erreichbar.
Fotos/Videos sollten ohne viel Pflegeaufwand funktionieren.

Umsetzung

Übersichtliche Leistungsblöcke mit FAQ-ähnlichen Kurzinfos.
Call-to-Actions pro Abschnitt (Telefon, Mail, Anfrage).
Lazy-Bilder, strukturierte Daten, lokale Fonts.
Video-Hover mit Poster-Fallback, kein Autoplay auf Mobile.

Tech/Stack

HTML/CSS Vanilla JS SEO-Grundlagen

Besonderheiten

Lokale Assets, keine externen Abhängigkeiten.
Saubere Scroll-Reveals mit noscript-Fallback.
Kontakt-CTA mehrfach platziert, aber leichtgewichtig.

Outcome

Präsentationsfähige Demo, die 1:1 auf Live übertragen werden kann – mit klar dokumentierten Text- und Medien-Slots.

Ähnliches Projekt anfragen

Demo

Dermatologie Diepholz – Praxiswebsite

Video

Praxiswebsite mit ruhiger Nutzerführung, klarer Orientierung für Patientinnen und Patienten und schnellem Weg zu Kontakt & Anfahrt.

Webdesign Performance SEO-Basics Consent

Demo ansehen →

Ausgangslage

Medizinische Praxiswebsite braucht klare Orientierung ohne visuelle Unruhe.
Kontakt, Sprechzeiten, Leistungen und Patienteninfos sollen sofort auffindbar sein.
Externe Inhalte sollen kontrolliert und datenschutzbewusst geladen werden.

Umsetzung

Ruhiger Hero mit Praxisbild, klarer Navigation und schneller Kontaktführung.
Kartenstruktur für Kontakt, Sprechzeiten, Patienteninfos und Leistungen.
Lokale Assets, reduzierte Interaktionen und Consent-gesteuerte externe Inhalte.
Screenshot und Preview-Animation für die Referenzdarstellung optimiert.

Tech/Stack

HTML/CSS Vanilla JS Datenschutz/Consent Performance-Basics

Besonderheiten

Praxisnahe Nutzerführung für Patientinnen und Patienten.
Mobile Orientierung mit kompakten Wegen zu Kontakt & Anfahrt.
Externe Karteninhalte erst nach Zustimmung.

Outcome

Seriöser, ruhiger Praxisauftritt mit schneller Orientierung und klaren Kontaktpfaden.

Ähnliches Projekt anfragen

Demo

Dielingen.de – Ortsportal

Video

Ortsportal mit Veranstaltungskalender, Termin-Einreichung und klaren Einstiegen für Vereine, Gewerbe, Förderstiftung und lokale Initiativen.

Webdesign Performance SEO-Basics Portalstruktur

Demo ansehen →

Ausgangslage

Ortsinformationen, Termine und Mitmach-Möglichkeiten sollten an einem ruhigen Einstieg gebündelt werden.
Der Veranstaltungskalender musste Monat, mobile Agenda und schnelle Termin-Details klar verbinden.
Vereine, Gewerbe und organisatorische Bereiche brauchen kurze Wege ohne überladene Navigation.

Umsetzung

Großer Hero mit Ortsbild, prägnanter Portal-Botschaft und zwei klaren CTAs.
Kalenderbereich mit Ortschafts-/Kategorie-Filter, Monatsnavigation, Legende und Dialog-Details.
Mobile Agenda für belegte Tage sowie reduzierte Einstiegskarten zu Vereinen, Gewerbe, Förderstiftung und Dielinger Runde.
Optimierte Referenzmedien als WebP/JPG-Screenshot und leichte MP4/WebM-Preview ergänzt.

Tech/Stack

Laravel Vite Assets Kalenderlogik Responsive UI

Besonderheiten

Public Portal statt klassischer Landingpage: Termine bleiben der primäre Einstieg.
Dialoge zeigen Termininfos, Anhänge und externe Service-Links ohne Seitenwechsel.
Footer und Navigation bilden Redaktion, Dokumente und Ortsbereiche sauber ab.

Outcome

Präsentationsfähige Portal-Demo für lokale Redaktion, Vereine und Bürgerinnen und Bürger – mit klarem Kalender-Fokus und ausbaufähiger Inhaltsstruktur.

Ähnliches Projekt anfragen

Demo

VanArt – Camperausbau | Premium Manufaktur

Video

Premium-Manufaktur für Camperausbau mit klaren Leistungsbereichen, hochwertiger Bildsprache und starker Markenpräsenz.

Webdesign Performance SEO-Basics

Demo ansehen →

Ausgangslage

Premium-Manufaktur benötigt einen hochwertigen, ruhigen Auftritt.
Leistungen und Ausbau-Philosophie sollten schnell erfassbar sein.
Bildmaterial sollte performant eingebunden werden.

Umsetzung

16:9 Medienvorschau mit Hover-Video, Poster-Fallback und Reduced-Motion-Check.
Strukturierte Inhaltsblöcke: Leistungen, Prozess, Galerie, CTA.
Optimierte Medien (WebP/JPG + MP4/WebM), preload erst bei Interaktion.

Tech/Stack

HTML/CSS Vanilla JS Performance-Basics

Besonderheiten

Hover-Preview nur auf Desktop/Pointer, mobile bleibt statisch.
Bildsprache auf Manufaktur-Qualität abgestimmt.
Konsequente CTA-Führung für Anfragen.

Outcome

Ruhiger Premium-Auftritt mit klarer Struktur, starken Visuals und eindeutigem Kontaktpfad.

Video

Dunkles Neon-Design, klare Pakete und ein interaktiver Leistungs-Check – optimiert für Einsteiger und schnelle Anfragen.

Webdesign Performance SEO-Basics

Demo ansehen →

Ausgangslage

Gaming-PC-Angebot sollte schneller erfassbar sein.
Besucher brauchen Orientierung bei Leistung/Preis.
Kontakt/Anfrage musste klarer geführt werden.

Umsetzung

16:9 Hero mit klaren Paketen und Störer für „Leistungs-Check“.
Interaktiver Rechner/Check per Accordions und Klartext.
Dunkles Neon-Design mit ruhigen Hover-States.
CTA-Leiste bleibt sichtbar (oben und im Flow).
Lazy-Lade-Strategie für Medien, preload none.

Tech/Stack

HTML/CSS Vanilla JS Performance-Basis

Outcome

Schnelle Orientierung für Gaming-Interessierte und ein klarer Kontaktpfad – bereit für Live-Übergabe.

Ähnliches Projekt anfragen

Intern

Reporting Cockpit für Sales

Reporting Cockpit Preview – Sales Dashboard mit KPI-Karten und Pipeline

Video

Zentrales Reporting mit automatisierten CSV/CRM-Importen, Rollen-Rechten und klaren KPIs.

Tracking Performance SEO-Basics

Projekt anfragen →

Ausgangslage

KPIs verteilt über Excel, CRM und Ad-Plattformen.
Keine klare Datenhaltung oder Rechte.
Manuelle Reports dauerten mehrere Stunden pro Woche.

Umsetzung

Automatisierte Exporte/Imports mit Validierung.
Rollenkonzept für Sales/Marketing/Management.
Dashboard-Vorlage mit CTA-Hinweisen und Kommentaren.
Docs zu Datenfluss, Felddefinitionen, Ownership.

Tech/Stack

JavaScript CSV-Pipelines Access-Control

Besonderheiten

Self-Service-Ansichten je Rolle.
Load-Shedding für schwache Geräte.
Kein Vendor-Lock-in, Daten bleiben portierbar.

Outcome

Weniger Abstimmungsaufwand, klar dokumentierte KPIs, stabile Daten-Pipelines.

Ähnliches Projekt anfragen

Intern

Consent- & Tracking-Konsolidierung

Consent Suite Preview – Banner, Event-Plan und Tracking-Governance

Video

Interner Blueprint für saubere Consent-Flows, Event-Planung und Tagging-Governance inkl. Dokumentation.

Consent Tracking Performance

Projekt anfragen →

Demo

Service-Landingpage Relaunch

Service-Landingpage Preview – Hero, Leistungsbereiche und Kontaktpfad

Video

Fokussierte Landingpage mit klaren Leistungsabschnitten, schneller Ladezeit und Conversion-Fokus.

Webdesign Performance SEO-Basics

Projekt anfragen →

Ausgangslage

Baukasten-Seite ohne klare Linie oder Messaging.
Ladezeiten schwankend, Bilder ohne Optimierung.
Kontaktlinks versteckt im Footer.

Umsetzung

Hero mit klarem Nutzenversprechen und Social Proof.
Strukturierte Abschnitte: Leistungen, Referenzen, FAQ, Kontakt.
Lazy-Bilder, systemfonts, komprimierte Assets.
Klare CTA-Verkettung bis zum Formular.

Tech/Stack

HTML/CSS Vanilla JS SEO-Basics

Besonderheiten

Messbare Conversion-Pfade, UTM-Handling dokumentiert.
FAQ strukturiert für Rich Results.
Fallback ohne JS vollständig sichtbar.

Outcome

+18 % Anfragen in 6 Wochen (Demo-Benchmark), klare Content-Slots für spätere Übergabe an das Team.

Ähnliches Projekt anfragen

Live

SEO & Performance Sprint

SEO und Performance Sprint Preview – Core Web Vitals, SEO und Tracking QA

Video

4-wöchiger Sprint: LCP/CLS stabilisiert, OnPage-SEO-Basics und Tracking-Events sauber definiert.

Performance SEO Tracking

Projekt anfragen →

Ausgangslage

Schwankende Web-Vitals nach Redesign.
Events unvollständig, Consent unklar.
Keine Dokumentation für Content-Team.

Umsetzung

Audit + Quick Wins (Lazy, Font-Strategy, Payload-Reduktion).
SEO-Basics (Titles, Meta, strukturierte Daten für Kernseiten).
Event-Plan, QA-Checks, Consent-Logik bereinigt.
Dokumentation inkl. How-To für Redakteure.

Tech/Stack

Core Web Vitals SEO Tracking

Besonderheiten

Messbare Verbesserungen vor/nach Sprint.
Kein Vendor-Lock: reine HTML/JS-Anpassungen.
Reduzierte Motion-Varianten dokumentiert.

Outcome

Stabilere KPIs, reduzierter Payload und klarer Leitfaden für weitere Deployments.

Ähnliches Projekt anfragen

Nächster Schritt

Projekt anfragen

Kurzer Call, klarer Scope, saubere Umsetzung. Wir finden heraus, was als Erstes Wirkung zeigt.

Jetzt anfragen