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.

Industrie

Werbung & Kommunikation

Stadt

Luzern

Stack

Next.js 16, Tailwind v4 …

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

Tech-Stack

Next.js 16Tailwind v4ResendVercelSharp

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