Bestehendes Designkonzept in einen performanten, animierten Auftritt mit eigenem Projekt-CMS überführt.
Pixel Werbeagentur
Auf einen Blick.
Wer dahintersteht.
Pixel Werbeagentur ist ein junges Agentur-Unternehmen mit klarer Designhaltung – das Erscheinungsbild war intern bereits ausgearbeitet, gesucht war ein:e Umsetzungspartner:in für das Web.
Wo das Projekt begann.
Pixel startete neu – das Designkonzept war im Haus bereits ausgearbeitet, brauchte aber eine technische Umsetzung, die der eigenen Designqualität gerecht wird. Für eine Agentur gilt: der eigene Auftritt ist die wichtigste Arbeitsprobe.
Was im Weg stand.
-
Das bestehende Designkonzept eins zu eins ins Web übersetzen – ohne dass Tempo, Animation oder Detailtreue darunter leiden.
-
Motion Design substanziell einbauen – Bewegung muss die Komposition tragen, nicht nur dekorieren.
-
Projektpflege langfristig handhabbar machen – Pixel soll neue Cases selbst anlegen können, ohne Entwickler:in im Loop.
Was wir entschieden haben.
- 01
WordPress als CMS aufgesetzt – Pixel pflegt Projekte und Inhalte heute selbst, ohne Reibungsverlust.
- 02
Motion Design mit GSAP und ScrollTrigger gebaut – Übergänge unterstützen die Komposition, statt sie zu überlagern.
- 03
Dunkle Designsprache konsequent umgesetzt – jede Sektion sitzt auf abgestimmten Kontrasten, Typografie und Bildflächen führen das Auge.
- 04
Frontend bewusst schlank gehalten – trotz Animation bleibt die Seite schnell und auf jedem Gerät benutzbar.
Das interne Designkonzept war stark – fehlte die technische Umsetzung, die ihm gerecht wird. In sieben Tagen entstand ein performanter, dunkel-aesthetischer One-Pager mit Motion Design via GSAP und einem CMS, in dem Pixel neue Projekte selbst anlegen kann. SB Media übernahm Entwicklung und Hosting.
Was dabei herauskam.
-
Ein performanter, dunkel-aesthetischer One-Pager mit Motion Design, das die Marke trägt.
-
Bestwerte bei Ladezeit und SEO – trotz aufwendiger Animation.
-
Projektpflege geht direkt im CMS – Pixel kann neue Cases ohne Entwickler:in anlegen.
-
Eine Arbeitsprobe, die selbst eine Werbeagentur stolz nach außen zeigt.
Ladezeit (LCP)
0,7 s
PageSpeed
98 / 100
Barrierefreiheit
94 / 100
SEO-Score
100 / 100
Von Null auf Online.
Vor uns gab es keinen Online-Auftritt. Ziehe den Regler, um zu sehen, was daraus geworden ist.
Ein Blick in die Seite.
Ingenieure · 2026
HESA-Planung
AnsehenSoll Ihre Website auch so wirken?