Enterprise-Software verdient einen Enterprise-Auftritt.

Die Ausgangslage

Allthings verbindet Menschen, Daten und Systeme im Gebäudebetrieb: Mieterportal, Aufgabenmanagement, Mieterkommunikation, Dokumente, Lösungen für Neubauten und ein Marktplatz für Partner. Die Kunden sind Bewirtschaftungen, Genossenschaften, Eigentümerschaften und Projektentwickler, vor allem in der Schweiz.

Auf Kundenseite saßen Projektleitung, Produkt, Support und Vertrieb mit am Tisch, und jede Gruppe brachte eigene Inhalte mit. Dazu kamen eine markante Farbpalette, die zu den bisherigen Materialien passen sollte, und Deutsch als Primärsprache für den Hauptmarkt.

Der Wunsch an den Auftritt war klar: kein austauschbarer SaaS-Look. Als Richtung gefiel Allthings die Website von Stripe, aber mit Menschen und Gebäuden aus der eigenen Branche und mit dezenten Animationen statt Effekten.

Struktur und Inhalte

Lösungen für Kampagnen, Produkte für die Suche

Wir haben zwei Seitentypen klar getrennt. Die vier Lösungsseiten sind Landingpages für einzelne Zielgruppen, etwa Bewirtschaftungen, Genossenschaften oder Projektentwickler. Sie teilen das Layout, lassen aber Raum für eigene Inhalte, damit Allthings sie für Kampagnen einsetzen kann.

Die sieben Produktseiten folgen einer festen Vorlage. Jedes Modul hat seine eigene Seite, damit es für seine Funktion gefunden wird: ein Thema pro Seite statt alles auf einer langen Seite.

Referenzen und Blog im CMS

Referenzprojekte haben eine eigene Vorlage mit Herausforderung, Vorgehen und Ergebnis. Jedes Produkt verweist im CMS auf ein Referenzprojekt und einen Blogbeitrag. Ist kein Beitrag gewählt, zeigt die Seite automatisch einen anderen, nie denselben.

Was sonst dazugehört

• Über uns mit Team in Zahlen, Stimmen aus dem Team und dem Bewerbungsprozess
• offene Stellen direkt aus BambooHR
• ein Menü für Ressourcen: Marktplatz, Blog und Help Center
• Kontakt, Impressum und Datenschutz in allen Sprachen

Design und Bildwelt

Wir haben mit Moodboard und Seitenstruktur begonnen und danach mehrere Konzepte für die Hero Section vorgelegt. Alle Seiten sind in Figma entstanden. Das Feedback kam als Kommentar direkt an die Stelle im Entwurf, dazu haben wir jede Runde per Video erklärt.

Eine Palette, gezielt eingesetzt

Die Farbpalette von Allthings ist breit. Wir haben sie nicht ersetzt, sondern beschränkt: wenige Farben mit klarer Rolle und helle Verläufe als Hintergrund. So bleibt die Seite stimmig mit den bisherigen Materialien und wirkt trotzdem ruhig.

Gebäude aus dem eigenen Markt

Allthings arbeitet mit Mehrfamilienhäusern und Arealen in der Schweiz. Genau das zeigt die Bildwelt. In den Hero Sections heben sich die Personen farblich vom Hintergrund ab, damit die Seiten nicht ineinander verschwimmen.

Animation, die in jeder Sprache funktioniert

Die Animation auf der Startseite haben wir bewusst textarm gebaut. So lässt sie sich für jede Sprache mit wenig Aufwand anpassen. Auf den Lösungs- und Produktseiten folgt auf die drei Ergebnisse jeweils ein Produktvideo oder ein bewegtes Bild.

Technik und Mehrsprachigkeit

Erste Version in Webflow

Die erste Version haben wir in Webflow umgesetzt, mit CMS für Produkte, Lösungen, Referenzen und Blog. Die Animationen laufen über Rive und GSAP. Zum Start war die Seite auf Deutsch, Englisch kam über die Lokalisierung von Webflow dazu, im Februar 2026 Französisch: alle Seiten, alle CMS-Felder und die Animation der Startseite.

Leichter, wo es zählt

Die Animation der Startseite war 1,5 MB groß. Wir haben ihre Bilder direkt in Rive abgelegt statt in Webflow und sie so auf 100 kB gebracht.

Umzug auf Astro und Sanity

Im September 2026 haben wir die Seite aus Webflow gelöst. Die Seiten laufen jetzt auf Astro, die Inhalte liegen in Sanity, in allen drei Sprachen. Die Vorgaben waren klar: fehlerfrei, ein logisch aufgebautes CMS für viele Inhalte und Sprachen, einfache Pflege und eine vollständige Prüfung. Nach dem Umzug haben wir jede Seite und jeden CMS-Eintrag kontrolliert.

Deutsch liegt auf der Wurzel, Englisch und Französisch unter eigenem Pfad. Alle Fassungen sind per hreflang verknüpft.

Launch und Betreuung

Anfang Dezember 2025 stand die fertige Seite zur Prüfung bereit. Allthings hat danach eigene Blogbeiträge eingepflegt, mit unseren Anleitungsvideos zur Pflege. Am 9. Januar 2026 ging die Seite auf www.allthings.me live.

Nach dem Launch hat Allthings von sich aus gefragt, ob wir die Seite weiter betreuen. Seitdem setzen wir laufend Änderungen um, von neuen Texten in allen Sprachen bis zum Marktplatz im Menü. Seit Oktober 2026 kümmern wir uns zusätzlich um SEO.

Das Ergebnis

Allthings hat einen Auftritt, der vier Zielgruppen und sieben Produkte trägt, ohne unübersichtlich zu werden: 118 Seiten in drei Sprachen, gepflegt in einem CMS.

Die Seite arbeitet auch für uns. Ein Partner von Allthings ist über sie auf uns aufmerksam geworden und heute selbst Kunde.

Mobil

So sieht die Website auf dem Smartphone aus.

Messwerte

Gemessen mit Google PageSpeed Insights am 21. Oktober 2026. Bericht ansehen

Projektdetails

Kunde

Allthings Technologies AG

Branche

Software & IT

Jahr

2026

Leistungen

Konzept und Seitenstruktur, UI/UX Design, Motion Design, Development, Mehrsprachigkeit, CMS-Migration nach Sanity, Laufende Betreuung

Technik

Astro, Sanity, Rive, GSAP, Vercel

Team

Management: 1x Project Manager · Creative Direction: 1x Creative Director · Design: 1x Senior Designer, 1x Junior Designer · Development: 1x Development Lead, 1x Senior Webflow Developer · Animation: 1x Motion Designer