← Projekte

Digitale Servicekommunikation · Dmytro Hlukh

07

Service / Orientierung / Rückmeldung

Cleanery

Eine Anfrage
ohne Ratespiel.

Cleanery ist ein digitaler Auftritt für einen Reinigungsdienst in der Region Basel. Ich habe visuelle Identität, Sprache, Informationsarchitektur und technische Umsetzung als einen Weg gestaltet: aus einem vagen Bedarf wird eine prüfbare Anfrage.

Rolle
Konzept, visuelle Identität, UX, Frontend und Sicherheit
Format
Responsive Website mit Anfrageprozess
Fokus
Komplexität ohne falsche Preissicherheit
Desktopansicht von Cleanery mit klarer Offerte, Leistungswahl und direktem Kontakt
Startseite: Angebot, Leistungswahl und Kontakt stehen gleichzeitig im Blick.

01

Ausgangslage

Eine Reinigung lässt sich nicht wie ein Produkt in den Warenkorb legen.

Eine Offerte hängt von Fläche, Zugang, Zustand und Termin ab. Die Seite sollte diese Unsicherheit nicht verstecken. Sie ordnet sie. Statt einer Preisbehauptung führt der Auftritt vom Anliegen über das Objektprofil zu einer verbindlichen Rückmeldung.

02

Serviceweg

Vom ersten Impuls
zu einer brauchbaren Anfrage.

  1. 01

    Leistung wählen

    Wohnung, Umzug, Büro, Fenster oder Grundreinigung. Der Einstieg beginnt mit einer Entscheidung, die Menschen bereits treffen können.

  2. 02

    Objekt konkretisieren

    Fläche, Räume, Zugang und Termin werden nur dort abgefragt, wo sie für die Planung wirklich etwas verändern.

  3. 03

    Direkt rückmelden

    Nach der serverseitigen Prüfung wird intern eine Telegram-Benachrichtigung ausgelöst. Für die anfragende Person bleibt dieser technische Weg unsichtbar und der Ablauf verständlich.

03

Gestalterisches System

Die Eigenart liegt nicht in Dekoration, sondern in der Art, wie Unsicherheit geordnet wird.

01

Offerte statt Preisattrappe

Der zentrale Satz «Offerte statt Ratespiel» benennt das Problem offen. Die Seite verspricht keinen erfundenen Fixpreis, sondern erklärt, warum Objekt, Zugang, Zustand und Termin zuerst geprüft werden.

02

Drei sofort lesbare Koordinaten

«2 Min.», «24 Std.» und «BS / BL» beantworten drei frühe Fragen: Wie lange dauert die Anfrage, wann kommt eine Rückmeldung und für welche Region gilt das Angebot? Sie bilden ein kleines Informationssystem direkt im ersten Bildschirm.

03

Farbe beschreibt den Prozess

Dunkles Grün schafft ruhige Verbindlichkeit. Mint markiert Auswahl und direkten Kontakt, Blau steht für Planung, Sand für Übergabe. Die Akzente funktionieren als Zustände und nicht als beliebige Dekoration.

04

Mobile als eigene Dramaturgie

Auf kleinen Bildschirmen folgt eine Entscheidung auf die nächste. Navigation, DE/EN-Auswahl, Leistungswahl und Kontakt werden neu geordnet, statt die Desktopfläche nur zu verkleinern.

04

Markenspezifische Rückmeldung

Die Bestätigung wird nicht nur angezeigt. Sie wird freigewischt.

Erst nach einer erfolgreichen Antwort des Servers erscheint die staubige Fläche mit der Anfragenummer. Das Tuch folgt Maus oder Finger, der Schmutz verschwindet und der Fortschritt steigt bis 100 Prozent. Die Anfrage ist zu diesem Zeitpunkt bereits gesendet. Die Interaktion bestätigt den Abschluss, ohne ihn zu blockieren.

Gesendete Cleanery Anfrage mit staubiger Fläche, Reinigungstuch und Fortschritt von null Prozent
0% Das Tuch übernimmt die Bewegung. Die Anfragenummer bleibt zunächst unter einer Staubschicht.
Vollständig gereinigte Cleanery Anfrage mit sichtbarer Anfragenummer und Fortschritt von einhundert Prozent
100% Die Oberfläche ist gereinigt. Nummer und Abschlusszustand werden eindeutig lesbar.
01

Ritual statt Konfetti

Die Erfolgsanzeige benutzt dieselbe Handlung wie der Service. Reinigung wird zur kurzen, passenden Geste und nicht zu einer beliebigen Feieranimation.

02

Lichtreflex statt Effektcursor

Ein weiches Lichtfeld folgt dem Zeiger wie ein Sonnenreflex. Der normale Cursor bleibt erhalten. Bewegung schafft räumliche Tiefe, ohne die Bedienung neu erlernen zu lassen.

03

Bewegung zeigt Zustand

Fortschrittsbalken, verschwindender Staub und wechselnde Oberflächen erklären, was gerade passiert. Animation trägt Information und bleibt an eine konkrete Handlung gebunden. Bei reduzierter Bewegung entfallen Lichtfahrt und Übergänge.

05

Technische Umsetzung

Vertrauen braucht einen funktionierenden Weg.

Serverseitige Prüfung, geschützte Konfiguration und HTTPS sichern den tatsächlichen Anfrageweg. Diese Ebene bleibt bewusst im Hintergrund: Sie unterstützt die Gestaltung, statt sie zu ersetzen.

Prüfberichte · Stand 01.09.2026

Die Screenshots dokumentieren den gemessenen Projektstand; ein Klick vergrössert sie direkt auf der Seite. Die verlinkten Originalberichte zeigen zusätzlich den aktuellen Stand.

Momentaufnahme vom 01.09.2026. Aktuelle Messwerte können sich verändern; die Belegbilder halten den dokumentierten Projektstand fest.

06

Reflexion

Der Entwurf muss einer echten Entscheidung standhalten.

Bei Cleanery war die Gestaltung nicht fertig, als die Oberfläche stimmte. Erst der vollständige Weg von der vagen Anfrage zur verbindlichen Rückmeldung zeigte, ob Sprache, Abfolge und Geste tatsächlich Verantwortung übernehmen.

Die Arbeit macht deutlich: Visuelle Kommunikation kann Unsicherheit ordnen und Vertrauen aufbauen — nicht durch Behauptung, sondern durch nachvollziehbare Handlung.

Live-Auftritt ansehen

Technischer Nachweis