TL;DR: Unsere neue Website nutzt vertraute Desktop-Muster, um ScalerIT-Leistungen schneller verständlich und unsere Arbeitsweise unmittelbar erlebbar zu machen – ohne die besonderen Anforderungen des Webs zu ignorieren.
ScalerIT hat seine Website grundlegend neu gedacht. Statt die üblichen Abschnitte einer Unternehmensseite untereinanderzustapeln, haben wir eine Arbeitsumgebung gebaut: mit Menüleiste, Desktop-Symbolen, Fenstern, Suche und Systemeinstellungen.
Das sieht zunächst spielerisch aus. Die eigentliche Entscheidung dahinter ist jedoch strategisch: Wer digitale Produkte entwickelt, sollte Kompetenz nicht nur beschreiben, sondern in der eigenen Oberfläche spürbar machen.
Eine Website, die sich wie ein Werkzeug verhält
Viele Unternehmenswebsites funktionieren wie Broschüren. Man scrollt, liest Leistungsversprechen und sucht den nächsten Link. Für uns passte dieses Modell nicht mehr, weil ScalerIT keine statischen Seiten produziert, sondern Anwendungen, Plattformen und digitale Arbeitsabläufe entwickelt.
Deshalb organisiert die neue Website Inhalte als Anwendungen. Produkte, Unternehmen, Einblicke, Kontakt und Rechtliches besitzen erkennbare Orte; der Rahmen bleibt bestehen, während sich der Inhalt verändert. Dieser dauerhafte Kontext vermittelt ein Gefühl von Stabilität, das klassische Seitensprünge häufig verlieren.
Für potenzielle Kunden ist das mehr als Inszenierung. Bereits vor dem ersten Gespräch zeigt die Website, wie wir über Software nachdenken: Zustände müssen nachvollziehbar sein, Navigation sollte Orientierung geben, und selbst kleine Funktionen brauchen einen erkennbaren Zweck.
Warum Vertrautheit Geschwindigkeit schafft
Menschen bringen aus Betriebssystemen ein über Jahre gelerntes Vokabular mit. Ein Symbol auf einem Desktop lässt sich öffnen, ein Fenster maximieren oder schließen, eine Menüleiste bündelt übergreifende Aktionen. Werden diese Muster sorgfältig übertragen, muss die Oberfläche weniger erklären.
Dabei kopieren wir kein bestimmtes Betriebssystem. Entscheidend sind die dahinterliegenden mentalen Modelle: räumliche Zuordnung, sichtbarer Fokus, wiederkehrende Positionen und unmittelbares Feedback. So wirkt die Umgebung vertraut, obwohl sie vollständig im Browser läuft.
Gerade für Entscheider ist das relevant. Komplexität verschwindet nicht dadurch, dass man Funktionen versteckt; sie wird beherrschbar, wenn das Interface verlässliche Bezugspunkte anbietet. Ein gutes UI reduziert deshalb nicht nur Klicks, sondern auch die Zahl der Entscheidungen, die ein Mensch unterwegs treffen muss.
Nativ ist kein Look, sondern Verhalten
Eine Menüleiste, ein Hintergrundbild und abgerundete Fenster allein würden nur eine Kulisse ergeben. Nativ fühlt sich die Website an, weil ihre Elemente auf Eingaben und Zustände konsistent reagieren: Fenster lassen sich maximieren und schließen, die Suche öffnet sich per Tastatur, das Farbschema folgt auf Wunsch dem System und Darstellungsoptionen bleiben für den nächsten Besuch erhalten.
Gleichzeitig respektiert die Umsetzung den Browser. Inhalte besitzen echte URLs, Links bleiben teilbar, Vor- und Zurück-Navigation funktionieren, und auf kleinen Displays wird aus der Desktop-Idee eine passende mobile Struktur. Das Web wird also nicht hinter einer Simulation versteckt; seine Stärken bleiben Teil des Produkts.
Kontext: NAS-Systeme arbeiten schon lange so
Die Grundidee eines Betriebssystems im Browser ist keineswegs neu: Synology beschreibt den DiskStation Manager als webbasiertes Betriebssystem, während QNAPs aktuelle QTS-Dokumentation ausdrücklich mit Desktop-Hintergrund, App-Verknüpfungen und Anwendungsfenstern arbeitet. Solche Systeme zeigen seit Jahren, dass auch komplexe Verwaltungsaufgaben im Browser zugänglich werden können, wenn bekannte Desktop-Muster einen stabilen Rahmen liefern.
Inspiration heißt nicht Kopie
Auch Unternehmen wie PostHog behandeln ihre Website nicht wie eine austauschbare Marketingvorlage. Die aktuelle Präsenz verbindet technische Dichte mit einer eigenen, spielerischen Produktsprache. Für uns war das eine Bestätigung, dass Persönlichkeit und Professionalität kein Gegensatz sein müssen.
Unsere Antwort darauf ist bewusst ScalerIT-spezifisch. Der Desktop verbindet die Themen, mit denen wir täglich arbeiten: Anwendungen, Betrieb, Produktdesign und technische Details. Er macht aus einer Sammlung von Seiten ein zusammenhängendes System.
Die schwierige Seite: Barrierefreiheit
Je stärker eine Website eigene Bedienelemente entwickelt, desto weniger kann sie sich automatisch auf die Zugänglichkeit nativer HTML-Komponenten verlassen. Die WAI-ARIA-Leitlinien des W3C machen deutlich, dass Rollen, Zustände, Namen und Tastaturverhalten bei komplexen Webanwendungen explizit vermittelt werden müssen.
Für ein Fensterkonzept betrifft das vor allem Fokusführung und Lesereihenfolge. Ein visuell schwebendes Fenster darf für Screenreader nicht an einer unverständlichen Stelle auftauchen; beim Öffnen und Schließen muss der Tastaturfokus sinnvoll wechseln. Hinzu kommen ausreichend große Ziele, belastbare Kontraste, Zoom und Reflow sowie die Frage, wie Bewegungen reduziert werden können.
Auch Drag-and-drop ist heikel. WCAG 2.2 verlangt für Funktionen, die Ziehbewegungen nutzen, eine Alternative ohne Ziehen; Tastaturbedienung und eine einfache Zeigeralternative sind getrennt zu betrachten. Das ist ein guter Grund, Desktop-Metaphern nicht blind nachzubauen, sondern ihre Funktion für das Web neu zu übersetzen. Das W3C erläutert diese Anforderung konkret.
Wir haben deshalb semantische Hauptbereiche, beschriftete Bedienelemente und Tastaturkürzel vorgesehen, eine Option zum Reduzieren von Transparenz ergänzt und die mobile Darstellung nicht auf ein verkleinertes Desktop-Fenster reduziert. Barrierefreiheit ist damit nicht erledigt; sie bleibt ein fortlaufender Prüf- und Verbesserungsprozess.
Kleine Details, die Neugier belohnen
Eine gute Arbeitsumgebung darf Charakter besitzen. Wer die Suche öffnet und „12+13“ eingibt, erhält direkt das Ergebnis; „Konfetti“ und „Schnee“ lösen kleine visuelle Überraschungen aus. Ein Rechtsklick auf das ScalerIT-Logo beantwortet die augenzwinkernde Frage „Logo klauen?“ und führt zugleich zu den Originaldateien unserer Corporate Identity.
Wichtig ist die Grenze: Kein Easter Egg darf für eine Kernfunktion nötig sein. Diese Details sind eine zweite Ebene für Neugierige – sie belohnen Erkundung, ohne Orientierung oder Zugänglichkeit zu beeinträchtigen.
Warum wir diesen Schritt gegangen sind
Wir wollten keine Website, die lediglich behauptet, ScalerIT könne gute digitale Produkte entwickeln. Die Website selbst sollte ein kleines, belastbares Beispiel dafür sein: technisch sauber, gestalterisch eigenständig und bereit, aus echtem Nutzungsverhalten weiterzulernen.
Genau so verstehen wir auch Kundenprojekte. Ein ungewöhnliches Interface ist nicht automatisch ein gutes Interface; erfolgreich wird es erst, wenn Idee, Architektur, Inhalt, Betrieb und Barrierefreiheit zusammenpassen. Wer eine digitale Anwendung plant, braucht deshalb keinen Lieferanten für einzelne Screens, sondern einen Partner, der das ganze System versteht.
Drei Kernaussagen
- Vertraute Desktop-Muster können komplexe Webinhalte schneller verständlich machen, wenn sie konsistent und zweckgebunden eingesetzt werden.
- Ein natives Gefühl entsteht durch Verhalten, Zustände und Feedback – nicht durch die bloße Nachbildung eines Betriebssystem-Looks.
- Eigene Web-Interaktionen erhöhen die Anforderungen an Fokusführung, Tastaturbedienung, Reflow, Kontrast und alternative Eingabemethoden.