Website für eine B2B-Vertriebsagentur: IGNITIATE aus Rotterdam
Website / B2B‑Vertrieb, Outbound Sales, Rotterdam, Niederlande
- Kunde
- IGNITIATE
- Branche
- B2B-Vertrieb, Outbound Sales, Rotterdam, Niederlande
- Live
- ignitiate.nl
- Leistungen
- Seitenstruktur für Home, Leistungen, Expertise, Cases, Blog, Über uns, Karriere und Kontakt
- Webdesign von Hand in Figma, nach einer Referenz und dem Brandbook des Kunden
- Entwicklung in Framer
- CMS-Vorlagen für Cases und Blogartikel
- Responsives Layout für Desktop, Tablet und Mobil
- On-Page-SEO mit Titeln, Beschreibungen und Überschriftenstruktur
- Einbindung von Google Analytics 4 und Cookie-Banner
- Technik
- Figma
- Framer
- Framer CMS
- Google Analytics 4
01 / Auf einen Blick
- Ausgangslage
Eine junge B2B-Vertriebsagentur mit klarem Brandbook, die eine Website brauchte, auf der Tech-Entscheider ihren Vertriebsengpass wiedererkennen.
- Lösung
Ein Figma-Design, umgesetzt in Framer, auf Niederländisch: Problem-Headline, Ergebnisse, zwei Leistungen mit je fünf Schritten, Team, Referenzen, Case und Blog.
- Ergebnis
Die Seite ist live und führt von jedem Abschnitt zu einem Ziel: dem Groeigesprek. Cases und Blog pflegt der Kunde selbst im Framer CMS.
02 / Ausgangslage
Wo das Projekt stand.
Wer eine Agentur für Kaltakquise beauftragt, gibt ihr den eigenen Namen in die Hand. Entscheider wollen deshalb vorher wissen, wie die Gespräche ablaufen, wer am Telefon sitzt und welche Ergebnisse andere Kunden erzielt haben. Allgemeine Versprechen helfen da wenig.
IGNITIATE wurde 2024 von Olaf de Rooij gegründet und hatte bereits ein ausgearbeitetes Brandbook mit Farben, Werten und Tonalität. Als Ausgangspunkt diente eine Referenz. Daraus haben wir ein eigenes Design von Hand in Figma entwickelt, das dieses Brandbook umsetzt, und es in Framer gebaut. Sie sollte Leistungen und Ablauf erklären, mit Ergebnissen belegen und zusätzlich neue Mitarbeiter ansprechen.
03 / Die Lösung
Was wir gebaut haben, und warum.
Das Problem in der ersten Zeile
Die Seite beginnt mit einer Frage, die sich viele Vertriebsleiter stellen: leere Pipeline, zu wenige Termine, ein Team, das nicht genug kalt anruft. Darunter steht, was IGNITIATE baut, und ein Knopf zum Groeigesprek. Rechts unten stellt sich der Gründer mit Foto vor.
Hero mit Problemfrage als H1 und Lösungsversprechen in Versalien, Akzentwörter in Ignition Lavender aus dem Brandbook. Ein einziger primärer Call to Action, daneben eine Gründerkarte als persönlicher Anker. Die schrägen Striche aus dem Logo tauchen als grafisches Motiv in den Übergängen wieder auf.
- Problem vor Leistung
- Ein Button zum Groeigesprek
- Gründer mit Gesicht im ersten Bildschirm
Ergebnisse vor der Leistungsbeschreibung
Direkt nach dem Einstieg folgen Kacheln mit Ergebnissen aus Kundenprojekten, jeweils mit Logo des Kunden. Erst danach erklärt die Seite die beiden Leistungen: Leadgenerierung per Telefon und Marktausbau über mehrere Kanäle.
Horizontales Karussell mit Kundenlogos und je zwei Kennzahlen, die der Kunde aus seinen Projekten liefert. Darunter ein dunkler Block mit zwei aufklappbaren Leistungen, jede mit fünf Prozessschritten als Pillen und einem gemeinsamen Call to Action. Die Reihenfolge folgt dem Prinzip Beweis vor Behauptung.
- Kundenlogos mit konkreten Zahlen
- Zwei Leistungen, je fünf Schritte
- Ein gemeinsamer Button am Ende des Blocks
Ablauf, Team und Referenzen
Vier Karten erklären die Zusammenarbeit von der Strategie bis zur Auswertung. Ein Video zeigt einen Mitarbeiter am Telefon. Danach stellt sich das Team mit Fotos vor, inklusive einer freien Karte für künftige Kollegen. Kundenstimmen mit Namen und Firma folgen.
Prozess in vier nummerierten Karten mit Fortschrittspunkten, darunter ein großformatiges Video. Der Recruiting-Block kombiniert Text, Bewerben-Button und ein Team-Raster mit Platzhalterkarte „Jouw naam“. Testimonials in einem Bento-Raster mit Trustpilot-Bewertung und Link zum Bewerten.
- Vier Schritte statt Fließtext
- Recruiting direkt auf der Startseite
- Stimmen mit Name, Firma und Foto
Case, Fragen und ein CMS für den Kunden
Ein ausführlicher Case zeigt die Zusammenarbeit mit einem Softwarekunden, mit Diagramm und Zitat. Sieben häufige Fragen klären, ob unter fremdem Namen telefoniert wird und wann ein Termin als qualifiziert gilt. Blogartikel und Cases kann IGNITIATE selbst anlegen.
Case-Teaser als Bento mit Porträt, Kennzahlen, Balkendiagramm und Zitat, verlinkt auf eine eigene Case-Seite. FAQ als dunkle Akkordeons. Cases und Blog laufen über Framer-CMS-Vorlagen, damit neue Inhalte automatisch im richtigen Design erscheinen. Seitentitel und Beschreibungen sind pro Seite gepflegt, Google Analytics 4 ist eingebunden.
- Case mit eigener Detailseite
- Sieben Einwände als Fragen beantwortet
- Neue Cases und Artikel ohne Entwickler
04 / Das Ergebnis
Was am Ende steht.
IGNITIATE hat eine Website, die das eigene Brandbook konsequent umsetzt und Tech-Entscheider beim Engpass in der Pipeline abholt. Ergebnisse, Ablauf, Team und Referenzen stehen in der Reihenfolge, in der Zweifel entstehen. Jeder Abschnitt führt zum Groeigesprek. Konkrete Anfragezahlen veröffentlichen wir nur mit Freigabe des Kunden.
- Figma-Design nach Referenz und Brandbook
- Leistungsseiten, Expertise, Cases, Blog, Karriere und Kontakt
- Cases und Blog im Framer CMS selbst pflegbar
- Ein Ziel auf allen Seiten: das Groeigesprek
05 / Kurz erklärt
- Outbound
- Vertrieb, bei dem Sie potenzielle Kunden aktiv ansprechen, etwa per Telefon, LinkedIn oder E-Mail.
- Brandbook
- Das Regelwerk einer Marke mit Farben, Schriften, Werten und Tonalität. Die Website setzt es um.
- Figma
- Ein Werkzeug, in dem das Design einer Website Seite für Seite entworfen wird, bevor sie gebaut wird.
- Framer CMS
- Der Inhaltsbereich in Framer, in dem der Kunde Cases und Blogartikel selbst anlegt.
- Call to Action
- Der Knopf, auf den die Seite hinführt. Hier: „Plan je Groeigesprek“.
Fragen, die dazu oft kommen.
Wie setzt man ein bestehendes Brandbook in eine Website um?
Farben, Schriften und Tonalität werden zu festen Regeln im Design. Bei IGNITIATE tragen Space Blue und Ignition Lavender die Akzente, die Striche aus dem Logo kehren als Motiv wieder.
Was braucht die Website einer B2B-Vertriebsagentur?
Belegte Ergebnisse, einen nachvollziehbaren Ablauf und echte Menschen. Entscheider wollen sehen, wer in ihrem Namen telefoniert und was andere Kunden erreicht haben.
Warum erst Figma, dann Framer?
In Figma lässt sich das Design frei und genau ausarbeiten, bevor gebaut wird. Bei IGNITIATE entstand es dort von Hand, danach folgte die Umsetzung in Framer.
Warum Framer für eine Agentur-Website?
Framer erlaubt anspruchsvolles Design mit Animationen und ein CMS, das der Kunde selbst pflegt. Für Cases und Blogartikel braucht es danach keinen Entwickler.
Was kostet eine Website in Framer für eine Agentur?
Das hängt vom Umfang ab, etwa von der Zahl der Seiten, CMS-Vorlagen und Sprachen. Nach dem Erstgespräch erhalten Sie ein konkretes Angebot.
Ähnliche Projekte
Ein Gespräch. Danach wissen Sie, was Ihnen Kunden bringt.
20 bis 30 Minuten, kostenlos. Das Angebot liegt einen Werktag danach vor.
Kostenloses Erstgespräch oder direkt anrufen: +49 172 6067457