Herr Jokic Business Brain
Web-App
Überblick
Herr Jokic Business Brain ist eine eigene Web-App, kein Kundenauftrag. Ein Produkt aus dem Studio: geschäftliche Fragen an einem Ort, mit einer Oberfläche, die wie ein Raum wirkt und wie ein leeres Chatfenster aussieht.
Was die Öffentlichkeit sieht, ist die Tür. Ein Login auf fast schwarzem Grund, Rauch in tiefem Grün, das Zeichen, die Zeile „Business Brain & KI“, zwei Felder, und ein grüner Knopf: Zentrale betreten. Der Name der Handlung ist mit Absicht ein Raum. Man loggt sich ein, indem man eintritt.
Ich habe das Grün zur einzigen satten Farbe gemacht. Es heißt: hier geht es weiter. Alles andere bleibt Nacht und Rauch, damit die Tür Gewicht hat und die App sich anfühlt wie ein geschlossener Ort, zu dem man Zugang bekommt.
- Kunde
- Herr Jokic
- Kategorie
- Web-App
Problemstellung
Ein leeres Fenster hat kein Geschäft
Wissen zu einem Geschäft liegt in Notizen, Mails und Köpfen. Eine weitere Chat-Oberfläche, weiß, mit einem Feld unten und einem Verlauf oben, fügt diesem Wissen einen Ort hinzu, der nach allem und nach nichts aussieht. Ich wollte einen Raum mit einer Schwelle.
Die Schwelle ist öffentlich, der Raum dahinter ist es bewusst nicht. Deshalb ist das, was man ohne Zugang sieht, ein Login und kein Marketing mit drei Versprechen. Der Ton ist schon die Produktentscheidung: dunkel, ein Grün, eine Handlung. Wer die Tür sieht, versteht, dass hier etwas Eigenes liegt, gebaut mit derselben Sorgfalt wie die Websites, nur mit einem anderen Ziel. Die Seite erklärt das Produkt, indem sie es bewacht.
Lösung
Eine Zentrale, eine ruhige Tür
Die Fläche ist ein Bild aus Rauch und Nacht, grünlich, langsam, ohne ein Muster, das nach einer Vorlage klingt. In der Mitte eine Karte, dunkel, mit dem Zeichen, dem Namen, der Zeile darunter. E-Mail, Passwort, dann der Knopf in voller Breite.
„Zentrale betreten“ steht auf dem Grün, schwarz oder sehr dunkel in der Schrift, damit das Grün die Fläche bleibt und die Worte lesbar sind. Der Knopf ist die einzige gefüllte Farbe im Bild. Die Felder sind nur eine Stufe heller als der Grund, mit einer leisen Kante. Nichts blinkt. Nichts wirbt. Die Tür ist die ganze öffentliche Gestaltung.
Ein Zweck
Die Anwendung ist auf geschäftliche Fragen gebaut, an einem Ort, mit dem Zusammenhang des eigenen Betriebs. Die öffentliche Fläche behauptet das in zwei Worten, Business Brain, und in einem dritten, KI, klein darunter. Ich habe keine Modulwand danebengestellt. Was man ohne Schlüssel sieht, ist die Schwelle, und die Schwelle reicht als Aussage.
Eine Handlung
Der grüne Knopf tut eine Sache. Er öffnet die Zentrale. Die Farbe wiederholt sich im Zeichen, damit Zeichen und Tür zusammengehören. Eine zweite Akzentfarbe hätte die Tür in ein Dashboard verwandelt, noch bevor jemand drin ist. Drinnen darf mehr passieren. Draußen gilt eine Regel.
Dieselbe Sorgfalt
Die Technik bleibt die des Studios: eine Oberfläche, die man warten kann, schnell, ohne Ballast, gebaut wie die Websites und gedacht wie ein Werkzeug. Der Unterschied ist die Stimmung. Eine Praxis darf Marine sein. Eine Location darf Wein sein. Diese Zentrale ist Nacht und ein Signal, weil sie ein privater Raum ist.
Gestaltung
Signalgrün auf fast schwarzem Rauch
Der Grund liegt bei #070A08, ein Schwarz mit einem Rest Grün, damit die Fläche schon atmet, bevor der Rauch kommt. Der Rauch selbst ist #143028, das tiefe Grün der Schlieren, sichtbar als Bewegung im Dunkel, nie neon, nie laut. Er gibt der Tür einen Raum, der größer ist als die Karte in der Mitte. Eine graue Verlaufsfläche hätte nach einer Vorlage für Software ausgesehen. Rauch sieht nach einem Ort aus.
Das Signal ist #22C55E, ein klares Grün, hell genug, um auf der Nacht zu stehen, satt genug, um die einzige Einladung zu sein. Es färbt den Knopf und das Zeichen. Ich habe es nirgendwo sonst hingesetzt. Kein grüner Link, keine grüne Überschrift, kein grüner Rand um die ganze Karte. Ein Grün, eine Bedeutung: eintreten.
Die Felder bleiben im Dunkel, nur wenig angehoben, damit man sieht, wo man tippt, ohne eine zweite Farbe zu erfinden. Die Beschriftungen sind hell und klein. Die Hierarchie ist simpel, und sie soll simpel bleiben, auch wenn der Raum hinter der Tür komplexer wird. Die Tür lügt nicht über das, was sie ist. Sie ist eine Schwelle, gestaltet mit der gleichen Aufmerksamkeit wie ein erster Satz auf einer Location-Seite.
Palette
Grund
#070A08
Fast schwarz, mit einem Rest Grün. Der Raum hinter dem Rauch. Ein neutrales Schwarz hätte die Fläche technisch gemacht. Dieses Dunkel gehört schon zur Farbe der Tür.
Rauch
#143028
Das tiefe Grün der Schlieren, leise, nie neon. Es macht aus dem Hintergrund einen Ort. Die Karte in der Mitte hat dadurch einen Raum, in dem sie stehen kann.
Signal
#22C55E
Die einzige satte Farbe. Knopf und Zeichen. Sie heißt: hier geht es weiter, Zentrale betreten. Überall sonst hätte sie die Schwelle in eine Bedienungsanleitung verwandelt.
Ergebnis
Eine Tür, die den Raum schon meint
Das Produkt zeigt, wie eine Web-App aus dem Studio aussieht, wenn sie mehr ist als eine Seite mit einem Formular. Die öffentliche Gestalt ist eine Schwelle: Nacht, Rauch, ein Grün, ein Satz auf dem Knopf, der einen Raum benennt.
Wer eintritt, kommt in eine Zentrale, deren Tür schon gesagt hat, dass hier ein Geschäft liegt und eine klare Handlung. Die Farbe lügt nicht. Grün heißt weiter. Alles andere bleibt dunkel, bis man drin ist.
