Website für eine Agentur für Recruiting-Filme: Lucid Media
Website / Agentur für Recruiting‑Filme
- Kunde
- Lucid Media
- Branche
- Agentur für Recruiting-Filme
- Live
- lucidmedia.de
- Leistungen
- Redesign der bestehenden Website
- Konzept und Seitenstruktur
- Webdesign
- Entwicklung in Framer
- Einbindung der Video-Cases
- Branchen- und Prozessabschnitte
- Technik
- Framer
01 / Auf einen Blick
- Ausgangslage
Eine Agentur mit starkem Produkt und vielen Kundenfällen, deren bestehende Website im Redesign beides geordnet zeigen sollte.
- Lösung
Eine Seite in Framer mit klarem Versprechen, Problem-Block, Prozess in vier Schritten, neun Video-Cases und Beispielen je Branche.
- Ergebnis
Geschäftsführer und Personalverantwortliche finden ihre Branche wieder, sehen echte Kundenfälle und buchen das Erstgespräch von jeder Höhe der Seite.
02 / Ausgangslage
Wo das Projekt stand.
Unternehmen, die Fachkräfte suchen, haben schon vieles probiert: Stellenanzeigen, Headhunter, ein Imagevideo. Entsprechend skeptisch sind sie gegenüber der nächsten Agentur. Sie wollen sehen, dass die Methode in ihrer Branche funktioniert hat.
Lucid Media hatte diese Belege, von Handwerk über Medizin bis Wasserwirtschaft, und bereits eine eigene Website. Aufgabe des Redesigns war ein Auftritt, der das Angebot „Talentmagnet-Film“ schnell verständlich macht. Die Kundenfälle sollten so geordnet sein, dass jeder Besucher seinen findet.
03 / Die Lösung
Was wir gebaut haben, und warum.
Ein Versprechen, ein Knopf, viele Logos
Oben steht, worum es geht: Fachkräfte gewinnen mit dem Talentmagnet-Film. Darunter ein Knopf zum Erstgespräch, fünf Sterne von Kunden und zwei Reihen Kundenlogos. Drei große Bilder zeigen das Team beim Dreh.
Zentrierter Hero auf Weiß mit einem einzigen Call to Action, Sternebewertung und Logo-Band Above the fold. Die Bildreihe darunter zeigt echte Drehsituationen statt Stockmaterial. Der Kontakt-Button bleibt in der Navigation erreichbar.
- Ein Ziel: Erstgespräch sichern
- Logos und Sterne vor dem ersten Scrollen
- Eigene Drehbilder als Beweis
Erst das Problem, dann die Wirkung
Ein blauer Abschnitt nennt die drei häufigsten Probleme: offene Stellen, überlastete Teams, Imageclips ohne Bewerbungen. Danach zeigen drei große Karten, was der Film bewirkt, jeweils mit einer Zahl und einem Link zur Case Study.
Problem-Block mit drei Karten im Verlauf von Blau nach Schwarz, anschließend drei Wirkungskarten mit Checkliste, Bild und einer großen Kennzahl aus Kundenprojekten. Jede Karte verlinkt auf eine eigene Case Study und vertieft so die Seite.
- Drei Probleme aus Sicht des Kunden
- Jede Wirkungskarte mit eigener Zahl
- Links zu ausführlichen Case Studies
Der Weg vom Film zur Einstellung in vier Schritten
Der Ablauf ist von 01 bis 04 nummeriert, vom Kick-off bis zur laufenden Kampagne. Beim Scrollen wird immer der aktuelle Schritt hervorgehoben. Jeder Schritt sagt, was der Kunde dafür tun muss und was er bekommt.
Scroll-gesteuerter Prozessabschnitt mit hervorgehobenem aktivem Schritt und wiederholtem Call to Action. Jeder Schritt nennt Aufwand, Vorteil und Ergebnis. Das beantwortet die wichtigste Frage im B2B-Vertrieb: Wie viel Arbeit habe ich damit?
- Vier Schritte mit klarem Ergebnis
- Aufwand für den Kunden offen benannt
- Knopf zum Erstgespräch in jedem Schritt
Neun Video-Cases und Beispiele je Branche
Ein Raster zeigt neun Kundenvideos, jedes mit drei Ergebnissen in Stichpunkten. Danach folgen die Branchen einzeln: Handwerk, Gesundheitswesen, Wasserwirtschaft, Weingüter und weitere. Zu jeder Branche gibt es ein Kundenergebnis.
Case-Raster mit eingebetteten Videos und je drei Ergebniszeilen, danach ein Branchenabschnitt mit mitlaufendem Smartphone-Mockup, Checklisten und Kundenergebnis pro Branche. Ein Testimonial-Block mit Logo-Reitern und ein Angebot für Bestandskunden schließen ab.
- Belege als Video statt als Behauptung
- Jede Branche mit eigenem Ergebnis
- Testimonials nach Kundenlogo umschaltbar
04 / Das Ergebnis
Was am Ende steht.
Die Seite ordnet viel Material zu einer klaren Reihenfolge: Versprechen, Problem, Wirkung, Ablauf, Beweise. Besucher müssen nichts suchen und landen immer wieder beim Erstgespräch. Konkrete Zahlen veröffentlichen wir nur mit Freigabe des Kunden.
- Ein durchgehender Call to Action: Erstgespräch sichern
- Neun Video-Cases direkt auf der Startseite
- Branchen einzeln angesprochen
- Komplett in Framer umgesetzt und dort pflegbar
05 / Kurz erklärt
- Call to Action
- Der eine Knopf, auf den die Seite hinführt. Hier: Erstgespräch sichern.
- Above the fold
- Alles, was man sieht, ohne zu scrollen. Dort stehen Versprechen, Knopf und Kundenlogos.
- Funnel
- Ein geführter Weg in mehreren Schritten, hier vom Film über ein kurzes Formular bis zum Gespräch.
- Framer
- Ein Baukasten für sehr schnelle Websites mit Animationen, den der Kunde später selbst pflegen kann.
Fragen, die dazu oft kommen.
Was kostet eine Website für eine Agentur?
Das hängt vom Umfang ab, etwa von der Zahl der Unterseiten, Cases und Animationen. Nach dem Erstgespräch erhalten Sie ein konkretes Angebot.
Wie zeige ich viele Kundenprojekte, ohne dass die Seite unübersichtlich wird?
Mit einer festen Reihenfolge und einem Muster pro Case. Bei Lucid Media hat jedes Video drei Ergebniszeilen, und die Branchen sind einzeln sortiert.
Ist Framer für eine Agentur-Website mit vielen Videos geeignet?
Ja. Videos, Scroll-Effekte und ein CMS für Cases lassen sich in Framer ohne Plugins umsetzen. Das hält die Seite wartungsarm.
Ähnliche Projekte
Nächster CaseGRAJOShopify, Streetwear, E-Commerce
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