Bittersweet Brands — Website für eine Werbefilm-Produktion

(Auf einen Blick)

Leistungen

• Website nach Vorlage und zwei Präsentationsrunden der Kundin umgesetzt
• Spots als Videoloops, Videolast reduziert
• Kartenstapel „Featured Works“ für beliebig viele Projekte
• 5 Projektseiten und 14 Arbeiten mit Spot
• Blog mit 10 Beiträgen, Themenfilter & FAQ
• 4 Formulare über Netlify Forms
• Umzug von Webflow auf Netlify, Domain & Weiterleitungen
• Schriften lokal, ohne Cookies und Tracking

Website für eine Creative First Production Agency aus Taufkirchen bei München: Spots als Videoloops auf jeder Seite, ein Kartenstapel für die Featured Works, Projektseiten, Blog und Formulare, umgezogen von Webflow auf eigenes Hosting.

Bittersweet Brands ist eine Creative First Production Agency aus Taufkirchen bei München, gegründet von Beatrice Maretto. Die Agentur entwickelt Ideen, produziert Kampagnen und schneidet sie in der eigenen Postproduktion fertig, für TV, Online, DOOH und Social. Zu den Kunden gehören Marken wie ERGO, bwin und MyMüsli. Wer so arbeitet, wird zuerst an seinen Bildern gemessen. Die Website musste deshalb vor allem eins können: Spots zeigen, und zwar überall. Die Seite ist öffentlich unter bittersweet-brands.de erreichbar.

Bittersweet Brands ist ein Kundenprojekt. Spots, Fotos und Texte stammen von Bittersweet Brands, Grundlage waren eine Designvorlage der Kundin und zwei Präsentationsrunden mit Inhalten. Wir haben daraus die Website gebaut, sie von Webflow auf eigenes Hosting umgezogen und Projektseiten, Blog und Formulare ergänzt.

(01)

Leistungen, die man sieht

Unter dem Hero steht, was die Agentur macht: TV-Spot, Online-Spot, Erklärfilm und Animation. Die vier Leistungen ziehen beim Scrollen als Reihe vorbei, jede mit einem farbigen Etikett, einem kurzen Text und einem Ausschnitt aus einer echten Produktion. Danach folgt der Ablauf in vier Schritten, vom Briefing bis zur Auslieferung.

(02)

Featured Works als Kartenstapel

Fünf Projekte liegen als farbige Karten übereinander: MyMüsli, ERGO, Almauftrieb, Leftlane und bwin. Beim Scrollen legt sich eine Karte auf die nächste, links stehen Logo, Titel und ein kurzer Text, rechts läuft der Spot. Die Vorlage konnte das nur mit genau vier Karten. Wir haben die Animation so nachgebaut, dass sie für beliebig viele Projekte funktioniert und die Scrollstrecke mit der Zahl der Karten wächst.

(03)

Know-how mit Beleg

Im Abschnitt Know-how stehen die Schwerpunkte der Agentur, von KI-Produktion über Social-First bis zur Cross-Market-Produktion. Jeder Schwerpunkt nennt die enthaltenen Leistungen als kleine Etiketten und zeigt daneben einen Clip, der genau das belegt.

(04)

Projektseiten, die vom Spot ausgehen

Auf „Arbeiten“ stehen 14 Projekte, jedes mit seinem Spot als Kachel. Fünf davon haben eine eigene Projektseite. Sie beginnen mit dem Claim der Kampagne, darunter das Logo des Kunden, Schlagworte und die drei Angaben Kunde, Leistung und Kanal. Dann kommt der Spot in seinem eigenen Format, quadratisch oder im Breitbild, und danach die Key Facts zur Kampagne.

(05)

Ein Blog aus der Produktion

Zehn Beiträge zu Themen wie KI in der Werbung, UGC-Ads oder den Kosten eines Werbespots. Die Übersicht stellt einen Beitrag als Aufmacher groß nach vorn und filtert nach fünf Themen. Jeder Beitrag nennt Thema und Lesezeit, beantwortet am Ende drei Fragen zum Aufklappen und führt mit einem eigenen Kasten zur Kontaktseite. Strukturierte Daten für Beitrag und FAQ helfen Suchmaschinen, die Inhalte richtig einzuordnen.

(06)

Anfragen ohne Umweg

Auf der Kontaktseite wählt man zwischen „Hallo sagen“ und „Angebot anfragen“, auf der Jobs-Seite gibt es ein Formular für Talente, in der Fußzeile den Newsletter. Alle vier Formulare laufen über Netlify Forms, Anfragen kommen per E-Mail bei der Agentur an. Beim Umzug von Webflow war das der heikelste Teil: Die Vorlage hätte ihre Formulare sonst weiter an Webflow geschickt.

(07)

Schrift, Hosting und Datenschutz

Die Website setzt die Hausschriften der Agentur: GC Grind für die großen Versalien, Blauer Nue für Text. GC Grind kannte zunächst keine sauberen Umlaute, auf der Kontaktseite stand „ERZAHL“ statt „ERZÄHL“. Wir haben die Punkte direkt in der Schriftdatei neu gesetzt. Schriften, Skripte und alle Videos liegen auf dem eigenen Server, die Seite setzt keine Cookies und lädt nichts von fremden Servern, deshalb braucht sie keinen Cookie-Banner. Die Domain bittersweet-brands.de zeigt jetzt auf das neue Hosting, alte Webflow-Adressen leiten per 301 weiter.

(08)

Stückliste

Die Zahlen stammen aus der Live-Seite und lassen sich dort nachzählen.

(09)

Was das für dein Projekt heißt

Wer Bewegtbild verkauft, Mode, Design oder Erlebnisse, muss auf der eigenen Website zeigen können, was er kann. Das klappt nur, wenn Videos schnell laden, nicht ruckeln und trotzdem überall laufen dürfen. Genau das bauen wir: Websites, die deine Arbeit in den Vordergrund stellen, auf einem Hosting, das dir gehört.

Wenn deine Arbeit stärker ist, als deine Website zeigt, sprich mit uns über deine Website oder hol dir eine kostenlose Redesign-Preview.