Case Study

Wie wir ATA Werbung digital aufgestellt haben

Webauftritt für ein Werbungs-Unternehmen mit Portfolio-Schwerpunkt, klarer Leistungs-Struktur und Anbahnung über Projekt-Briefing-Formular.

Alle Referenzen

Illustration: Person trägt gerahmte Website-Bildschirme

Branche: Werbung & Kommunikation
Stadt: Luzern
Stack: Next.js 16, Tailwind v4, Resend, Vercel, Sharp
Status: Live

Die Ausgangslage

ATA Werbung arbeitet in einem Markt, in dem die Website selbst Teil der Beweisführung ist: eine Werbe-Marke kann sich keinen unmodernen Webauftritt leisten, ohne sofort an Glaubwürdigkeit zu verlieren. Die alte Site war funktional, aber visuell zurückgeblieben gegenüber dem Anspruch, den die Agentur in eigenen Kundenprojekten verfolgt. Gesucht war ein Auftritt, der Portfolio-Stücke ins Zentrum stellt, die eigene Tonalität trägt und den Erstkontakt über ein strukturiertes Briefing-Formular klar in den Vertriebsprozess überführt.

Unsere Lösung

Portfolio-First-Ansatz: Case-Bilder gross, Beschreibungen knapp und konsistent, Filter nach Disziplin. Eigene Tonalität in der Headline-Architektur (Variable-Font-Setup, klare Hierarchie), Bildwelt mit konsistenter Bildbearbeitung. Briefing-Formular mit gestuften Feldern (Projekt-Typ → Budget-Range → Timeline → Kontakt), das die Eingangsschwelle niedrig hält und gleichzeitig die wichtigsten Vertriebs-Informationen einsammelt. Stack: Next.js auf Vercel, Mail-Versand via Resend, Bilder via sharp WebP/AVIF doppelt ausgespielt für Retina-Geräte.

Portfolio-Filter nach Disziplin
Gestuftes Briefing-Formular
Bild-Doppelausspielung (WebP/AVIF, Retina)
Variable-Font Headline-System
Mobile-First, statisch generiert

Stack: Next.js 16, Tailwind v4, Resend, Vercel, Sharp

Das Resultat

Der Auftritt unterstützt die Selbst-Positionierung als professionelle Werbe-Marke und liefert strukturierte Erstanfragen. Konkrete Anfrage-Volumina oder Conversion-Werte werden nach Kunden-Freigabe ergänzt.

Mehr zu diesem Kontext