Eine BI-Plattform, die man auf den ersten Blick versteht

„Tolle Arbeit, die das Team geleistet hat. Ich bin froh, dass wir mit so talentierten Leuten zusammenarbeiten.“

Überblick

Astrato ist eine Business-Intelligence-Plattform, die direkt auf dem Cloud-Data-Warehouse arbeitet. Datenteams bauen damit Live-Dashboards, eingebettete Analysen und operative Daten-Apps auf Snowflake, BigQuery, Databricks und anderen Systemen, ohne dass Daten kopiert oder extrahiert werden. Dazu kommen KI, Sicherheit und Governance.

Die Website sollte dieses komplexe Produkt verständlich erklären und zur dunklen Marke passen: hochwertig, futuristisch, aber klar.

Aufgaben

• Das Website-Design aufwerten und die Produktgeschichte auf einer priorisierten Auswahl von Seiten stärken
• Wichtige Grafiken und Illustrationen überarbeiten und neu zeichnen, mit eigenen Visuals für die Startseite
• Das Design komponentenbasiert und abschnittsweise in Webflow umsetzen, damit der Kunde Seiten selbstständig bearbeiten und zusammenbauen kann
• Den bestehenden Code überarbeiten und optimieren
• CMS-Collections neu ordnen und verschlanken

Vorgehen

Von den Inhalten zur Struktur

Astrato lieferte fertige Texte und Referenzen, aber keine Struktur. Ich habe jeden Block in einer Mindmap erfasst und zu einem klaren Ablauf umgebaut. Wer die Erzählung früh festlegt, muss später keine Grafiken um eine ungeklärte Geschichte herum neu zeichnen.

Recherche und Inspiration

Ich habe das Wettbewerbsumfeld untersucht: BI-Plattformen und moderne SaaS-Seiten im dunklen Design. Die Referenzen zeigen Layouts, visuelles Erzählen und das Gefühl, das der Kunde wollte: edel, futuristisch, trotzdem aufgeräumt.

Wireframes

Nach der freigegebenen Struktur entstanden einfache Wireframes. Sie prüfen Aufbau, Hierarchie und Reihenfolge der Abschnitte, bevor Pixel poliert werden. So hatte der Kunde etwas Konkretes zum Reagieren, und der knappe Zeitplan blieb geschützt.

Grundlagen

Astrato hatte bereits ein Brand-Book. Ich habe die Farben zu einem verfeinerten dunklen Theme angepasst, statt neu anzufangen. Die Schrift für Überschriften blieb erhalten, die Textschrift wurde für bessere Lesbarkeit getauscht. Farben, Verläufe, Typografie und Komponenten liegen in einem wiederverwendbaren UI-Kit.

Produktgrafiken und Bento-Karten

Damit das Produkt Besucher nicht erschlägt, habe ich die wichtigsten Dashboard-Grafiken und Funktions-Illustrationen neu aufgebaut. Bei knappen Fristen habe ich die wirkungsvollsten Visuals selbst neu gezeichnet, vorhandene Assets dort genutzt, wo es passte, und einzelne Bibliotheks-Illustrationen für die Bento-Karten angepasst. So bleibt jede Kachel markentreu und hat einen Zweck.

Website-Design und Umsetzung

Die Seiten habe ich gestaltet, abgestimmt und komponentenbasiert in Webflow umgesetzt.

Kundengeschichten

Die Sammlung der Kundengeschichten habe ich an die neue dunkle Marke angepasst. Das bestehende CMS wurde geprüft, optimiert und von ungenutzten Feldern befreit. Die Struktur bleibt schlank und leicht zu pflegen.

Blog und Ressourcen

Der Blog bekam dieselbe Behandlung: ein neues Leseerlebnis im neuen visuellen System, auf einem aufgeräumten CMS, damit das Veröffentlichen schnell und einheitlich bleibt.

Komponentenansatz

Jeder Abschnitt ist eine wiederverwendbare Webflow-Komponente. Das Astrato-Team kann Inhalte bearbeiten und neue Seiten selbst zusammenbauen, ganz ohne Entwickler.

Die Website im Überblick

Mit klarer Struktur, einer verfeinerten dunklen Marke und eigenen Visuals macht die fertige Seite aus einem komplexen Produkt ein Erlebnis, das sich leicht liest und angenehm scrollt.

Ergebnis

• Ein hochwertiges Redesign unter knappem Zeitplan
• Ein wiederverwendbares Designsystem und Webflow-Komponenten, die das Team selbstständig pflegt
• Sauberere, optimierte CMS-Collections und gelöste technische Probleme
• Eine erweiterte Zusammenarbeit, entstanden aus dem Vertrauen des Kunden

Live-WebsiteLive-WebsiteLive-Website(öffnet in neuem Tab)