Website für einen IT-Dienstleister: GigaBase aus Stuttgart
Website / B2B Digitalisierung, Stuttgart
- Kunde
- GigaBase Stuttgart
- Branche
- B2B Digitalisierung, Stuttgart
- Dauer
- 2 Wochen
- Live
- gigabase.de
- Leistungen
- Konzept und Seitenstruktur
- Webdesign in Figma
- Entwicklung in Framer
- Grafiken zu den Leistungen
- Technik
- Figma
- Framer
01 / Auf einen Blick
- Ausgangslage
Ein IT-Dienstleister ohne eigene Website, der sein Angebot online bisher nirgends erklären konnte.
- Lösung
Eine neue Website, gestaltet in Figma und gebaut in Framer. Klare Headline, drei Leistungen mit eigenen Grafiken, Ablauf in Schritten und ein Vergleich ohne und mit GigaBase.
- Ergebnis
Nach zwei Wochen live, mit unter zwei Sekunden Ladezeit und einem Strategiegespräch als einzigem Ziel der Seite.
- < 2 sLadezeit der neuen Website
- 2 Wochenvon der Struktur bis live
02 / Ausgangslage
Wo das Projekt stand.
Die Suche nach einem IT-Dienstleister beginnt meist mit einem akuten Problem. Die Telefonanlage ist veraltet, Daten liegen verstreut, niemand fühlt sich zuständig. Entscheider vergleichen dann wenige Anbieter und wollen schnell verstehen, was sie bekommen. Fachbegriffe ohne Erklärung schrecken an dieser Stelle ab.
GigaBase hatte bisher keine eigene Website. Gefragt war ein erster Auftritt, der schnell lädt, die drei Kernleistungen verständlich zeigt und auf ein kostenfreies Strategiegespräch hinführt. Bei der Gestaltung hatten wir komplett freie Hand. Eine Website für IT-Dienstleister muss vor allem eines leisten: Komplexes einfach machen.
03 / Die Lösung
Was wir gebaut haben, und warum.
Eine Headline, die IT in einem Satz verkauft
Oben steht „IT, die mitdenkt. Lösungen, die Sie weiterbringen.“ Darunter ein Button zum kostenfreien Strategiegespräch. Das Bild zeigt ein Team im Büro, umgeben von kleinen Auswertungen.
Zentrierter Hero mit einer Aussage und einem primären Call to Action above the fold. Das Hero-Bild sitzt in einem Tablet-Rahmen mit eingesetzten Dashboard-Kacheln. Direkt danach folgt eine Logo-Reihe bekannter Technologiemarken als Vertrauensanker.
- Ein Ziel: das Strategiegespräch
- Bild zeigt Menschen, nicht Serverräume
- Logo-Reihe direkt darunter
Drei Leistungen, jede mit eigener Grafik
Cloud-Telefonie, Microsoft 365 Business und Digitalisierung von Prozessen haben je einen eigenen Block. Eine Grafik zeigt, wie das im Alltag aussieht: Anrufliste, Dateien, Geräte.
Die Überschrift lautet „Weil IT nicht kompliziert sein darf“. Darunter stehen wechselnd gespiegelte Leistungsblöcke. Statt Icons zeigen sie gestaltete Oberflächen im Tablet-Rahmen, dazu kurze Schlagworte pro Leistung. Das bedient Suchanfragen zu einzelnen Leistungen, ohne Unterseiten zu erzwingen.
- Drei Blöcke statt einer langen Liste
- Oberflächen zeigen den Nutzen im Alltag
- Schlagworte pro Leistung für schnelles Erfassen
Erst das Problem benennen, dann den Weg zeigen
Die Seite spricht aus, was viele Firmen kennen: Systeme passen nicht zusammen, es herrscht Chaos, die Kommunikation ist veraltet. Danach folgt der Ablauf in drei Schritten und ein kurzes Video.
Problemblock mit drei Karten, danach ein Prozessmodul mit Tabs auf dunkler Fläche. Der rote Kontrastblock „Schluss mit Chaos. Start mit GigaBase.“ trägt ein Video mit persönlicher Ansprache. Kennzahlen der Seite folgen direkt: 42 % produktivere Abläufe, 11+ Jahre Erfahrung, 60 Minuten Zeitersparnis täglich.
- Drei typische Engpässe als Karten
- Ablauf in Schritten zum Durchklicken
- Video gibt dem Anbieter ein Gesicht
Vergleich, Kundenstimmen und Antworten vor dem Gespräch
Eine Gegenüberstellung zeigt den Alltag ohne und mit GigaBase. Danach kommen Kunden zu Wort. Ein Fragenblock klärt Bedenken, bevor jemand zum Hörer greift.
Vergleichstabelle mit Call to Action in der positiven Spalte, Testimonials als Liste auf dunkler Fläche mit Raster. Das FAQ als Akkordeon behandelt Stabilität der Cloud-Telefonie, Umsetzung im laufenden Betrieb und fehlendes Know-how im Team. Den Abschluss bildet ein roter Block mit Foto des Ansprechpartners.
- Ohne und mit im direkten Vergleich
- Stimmen mit Name und Funktion
- Abschluss mit Gesicht und einem Button
04 / Das Ergebnis
< 2 sLadezeit der neuen Website
Nach zwei Wochen war die neue Website live. Die Seite lädt in unter zwei Sekunden und führt an jeder Stelle zum Strategiegespräch. Aufbau und Überschriften sind darauf ausgelegt, bei Google zu den Leistungen gefunden zu werden.
- Unter zwei Sekunden Ladezeit
- Von der Struktur bis live in 2 Wochen
- Drei Kernleistungen klar getrennt und erklärt
- Ein Ziel auf der ganzen Seite: das Strategiegespräch
05 / Kurz erklärt
- Figma
- Ein Design-Werkzeug, in dem die Seite vollständig entworfen wird, bevor sie gebaut wird.
- Call to Action
- Der eine Knopf, auf den die Seite hinführt. Hier: das kostenfreie Strategiegespräch.
- Above the fold
- Der Bereich einer Seite, den man ohne Scrollen sieht.
- Framer
- Ein Website-Werkzeug mit freier Gestaltung und kurzen Ladezeiten. Inhalte pflegt der Kunde später selbst.
Fragen, die dazu oft kommen.
Was kostet eine Website für einen IT-Dienstleister?
Das hängt vom Umfang ab, etwa von der Zahl der Leistungen und Unterseiten. Sie erhalten einen Festpreis, einen Werktag nach dem Erstgespräch.
Wie lange dauert eine neue Website?
Bei GigaBase waren es zwei Wochen von der Struktur bis live. Voraussetzung ist, dass Inhalte und Ansprechpartner früh feststehen.
Warum ist die Ladezeit für eine B2B-Website so wichtig?
Langsame Seiten verlieren Besucher, bevor sie etwas gelesen haben. Außerdem gehört die Ladezeit zu den Signalen, die Google bei der Nutzererfahrung auswertet.
Ähnliche Projekte
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