Landingpage für B2B-Beratung zu AI und Cloud: Tirion Cloud
Website / B2B SaaS, AI und Cloud
- Kunde
- Tirion Cloud
- Branche
- B2B SaaS, AI und Cloud
- Live
- tirion.cloud
- Leistungen
- Konzept und Conversion-Architektur
- Webdesign
- Entwicklung in Framer
- Einstiegsangebot als eigener Abschnitt
- FAQ und Abschluss-CTA
- Technik
- Framer
01 / Auf einen Blick
- Ausgangslage
Ein B2B-Anbieter für AI und Cloud, dessen Thema erklärungsbedürftig ist und dessen Zielgruppe wenig Zeit hat.
- Lösung
Eine Landingpage in Framer mit Produktblick im Einstieg, Bento-Raster für die Argumente und einem klar umrissenen 30-Tage-Einstiegsangebot.
- Ergebnis
Die Seite führt Entscheider ohne Umweg zum Gespräch.
02 / Ausgangslage
Wo das Projekt stand.
Geschäftsführer und IT-Leiter hören täglich, dass sie etwas mit AI und Cloud tun müssen. Was genau, mit welchem Risiko und in welcher Reihenfolge, sagt ihnen selten jemand. Wer auf einer Anbieterseite landet, will in Sekunden erkennen, ob dort Klarheit oder noch mehr Schlagworte warten.
Aufgabe war eine komplett neue Premium-Landingpage für den DACH-Mittelstand, die auf dem Niveau bekannter Software-Marken auftritt. Sie sollte ein abstraktes Beratungsthema greifbar machen und Besucher zu einer Demo oder einem Gespräch führen.
03 / Die Lösung
Was wir gebaut haben, und warum.
Ein Einstieg, der das Ergebnis zeigt
Oben stehen drei Worte: Clarity. Intelligence. Impact. Direkt darunter sieht man eine Steuerungsansicht mit Ampeln für Compliance, Kosten und Migration. So versteht man ohne Erklärung, was man am Ende in der Hand hat.
Hero mit kurzer Headline in Serifenschrift, einem Satz zur Zielgruppe (C-Level und IT-Entscheider) und zwei Buttons. Primär ist „Get in Touch“, sekundär „Explore Services“. Das Dashboard-Visual ragt in den ersten Viewport und wirkt als Produktbeweis above the fold.
- Headline mit drei Worten
- Primärer und sekundärer Call to Action
- Steuerungsansicht als sichtbarer Beweis
Vier Leistungen und ein Bento-Raster für das Warum
Vier Kacheln nennen die Leistungen: AI Consulting, Cloud Consulting, Strategy Consulting und AI Kickstart. Danach zeigen drei größere Kacheln mit Grafiken, was der Kunde davon hat.
Leistungsraster in zwei Spalten mit je zwei Sätzen Nutzen. Der Abschnitt „Why Tirion“ nutzt ein Bento-Raster aus zwei kleinen und einer breiten Kachel mit eigenen UI-Illustrationen. Helle Flächen, feines Raster im Hintergrund, Farbverlauf nur im Abschluss-CTA.
- Vier Leistungen auf einen Blick
- Eigene Illustrationen
- Ruhige Flächen, ein Akzentverlauf
Das 30-Tage-Angebot als niedrige Einstiegshürde
Ein eigener Abschnitt heißt „From Ideas to Actions in 30 Days“. Er erklärt ein festes Programm und listet auf, was man danach bekommt. Das macht die erste Entscheidung klein.
Zwei gestapelte Karten: erst das Programm, dann „What you get“ mit drei konkreten Lieferergebnissen, jeweils mit eigenem Button. Ein klar begrenztes Einstiegsprodukt senkt das wahrgenommene Risiko und gibt dem Call to Action einen Inhalt.
- Fester Zeitraum statt offenem Projekt
- Lieferergebnisse als Liste
- Eigener Button pro Karte
Vertrauen und Einwände kurz vor dem Abschluss
Zwei Kundenstimmen mit Sternen, drei Grundsätze der Arbeitsweise und ein Bereich mit Fachartikeln folgen. Ganz unten beantworten aufklappbare Fragen das Wichtigste, dann kommt der Button zum Start.
Testimonial-Slider, Dreispalter „Built for leadership decisions“, Insights-Karten mit Lesezeit und Kategorie, FAQ als Akkordeon. Den Abschluss bildet ein vollflächiger CTA-Block mit Verlauf und einem einzigen Button, darunter ein Footer mit Newsletter-Feld.
- Kundenstimmen vor dem Abschluss
- FAQ zu Branchen, Datenschutz und Ablauf
- Ein Button im Abschlussblock
04 / Das Ergebnis
Was am Ende steht.
Die Seite macht ein erklärungsbedürftiges Angebot schnell verständlich und bietet überall einen Weg zum Gespräch.
- Komplett neue Landingpage von Grund auf
- Produktblick schon im ersten Bildschirm
- Einstiegsangebot mit festem Zeitraum
- Pflege der Inhalte direkt in Framer möglich
05 / Kurz erklärt
- Landingpage
- Eine einzelne Seite mit genau einem Ziel, hier: ein Gespräch oder eine Demo buchen.
- Bento-Raster
- Kacheln in verschiedenen Größen, wie die Fächer einer Bento-Box. Gut, um mehrere Argumente auf einen Blick zu zeigen.
- Call to Action
- Der Knopf, auf den die Seite hinführt. Hier: „Get in Touch“.
- Framer
- Ein Werkzeug für schnelle, gestalterisch freie Websites, die der Kunde später selbst pflegen kann.
Fragen, die dazu oft kommen.
Was kostet eine Landingpage für ein B2B-Unternehmen?
Das richtet sich nach dem Umfang, vor allem nach Texten, Illustrationen und Anbindungen. Im Erstgespräch klären wir den Umfang, einen Werktag später steht der Festpreis.
Brauche ich für eine Demo-Buchung eine eigene Landingpage?
In der Regel ja. Eine Seite mit einem einzigen Ziel lenkt weniger ab als eine Startseite mit zehn Menüpunkten.
Warum Framer für eine B2B-Landingpage?
Framer-Seiten laden schnell und lassen sich ohne Plugins pflegen. Animationen und eigene Grafiken sind möglich, ohne dass ein Entwickler jede Änderung umsetzen muss.
Ähnliche Projekte
Nächster CaseClean GuruShopify, Reinigungstechnik, E-Commerce
Ein Gespräch. Danach wissen Sie, was Ihnen mehr Kunden bringt.
30 Minuten mit Kevin, kostenlos und unverbindlich. Ihre Analyse in 24 Stunden, das Angebot einen Werktag danach.
Kostenloses Erstgespräch oder direkt anrufen: +49 172 6067457