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

2–3 Referenzen mit vollem Leistungsumfang: klare Struktur, saubere Umsetzung und ein belastbares Tracking-/Consent-Setup.

Live

NexHome – Elektroinstallation & Smarthome

Referenz: NexHome Website – Elektroinstallation & Smarthome

Video

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

Webdesign Performance Tracking Consent

Live 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

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.

Ähnliches Projekt anfragen

Alle Referenzen

Alle Projekte auf einen Blick

Responsives 3–2–1 Grid, konsistente 16:9 Medien und klare CTAs. Filterbar nach Typ und Leistung.

Demo

WCM – Gaming-PCs & Wunsch-PC Konfigurator

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

Vorschau folgt Bild/Video wird ergänzt

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

Vorschau folgt Bild/Video wird ergänzt

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

Consent Tracking Performance

Projekt anfragen →

Demo

Service-Landingpage Relaunch

Vorschau folgt Bild/Video wird ergänzt

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

Vorschau folgt Bild/Video wird ergänzt

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