Markenauftritt · Prototyp · Webdesign

Markenauftritt mit Dashboard und Website für Clean Salvador.

Clean Salvador betreut Ferienwohnungen an der Küste von El Salvador für Eigentümer aus der Ferne. Für den Start entstanden Logo und Markenauftritt mit einem Dashboard als Prototyp und der Website. Die Testseite führt wie eine App durch die Buchung. 

Kunde
Clean Salvador
Ort
El Salvador · Remote
Jahr
2026
Leistungen
Markenauftritt · Prototyp · Webdesign
Tools / Technologie
Illustrator · Figma · Next.js · React · TypeScript · Tailwind CSS

Meine Rolle
Logo und Markenauftritt. Konzept und Gestaltung des Dashboards als Prototyp in Figma. Konzept und Entwicklung der Landingpage mit Buchungskonfigurator auf Englisch und Spanisch.

01 / Logo und Markenauftritt

Eine Marke mit Gesicht.

Zwei Reinigungskräfte im Bogen des C tragen das Logo. Es steht für ein Team vor Ort statt für eine anonyme Firma. Vom Bleistiftentwurf bis zum fertigen Zeichen entstand es in vier Schritten.

Clean Salvador Logo: zwei Reinigungskräfte im Bogen eines C mit dem Schriftzug Clean Salvador Property and Cleaning Services
Farbpalette in Himmelblau Nachtblau Meerblau und Hellblau sowie die Schrift Work Sans in Halbfett und Normal

02 / Dashboard als Prototyp

Jeder Einsatz auf einen Blick.

Hinter dem Service steht ein Dashboard für die Einsatzleitung. Buchungen und Kalender laufen hier zusammen mit Team und Objekten. Berichte mit Fotos und Anfragen folgen in derselben Designsprache.

Konzept und Gestaltung entstanden in Figma als klickbarer Prototyp. Probier ihn direkt hier aus.

Der Prototyp lädt erst nach dem Klick von figma.com.

Im Vollbild in Figma öffnen (öffnet in einem neuen Tab)

03 / Website im Überblick

Buchen statt suchen.

Die Seite funktioniert wie eine App vom ersten Vertrauen bis zur Anfrage. Wenig Text und das Blau der Marke tragen durch jede Stufe.

clean-salvador.netlify.app
Clean Salvador: Desktop-Seitenverlauf

Im Bild scrollen oder Bereich wählen

04 / Auf einen Blick

Paket wählen. Preis sehen. Anfragen.

  • Die eigene Reinigung zusammenstellen

    Konfigurator

    Die eigene Reinigung zusammenstellen

    Links stehen Paket und Zusatzleistungen. Rechts bleibt die Summe im Blick und passt sich jeder Änderung sofort an.

  • Responsive

    Mobile Ansicht

    Auf dem Smartphone wird der Konfigurator zur Liste mit großen Tippflächen. Eine Leiste zeigt die Summe durchgehend an.

    Mobile Ansicht
  • Von der Anfrage bis zur Zahlung

    Ablauf

    Von der Anfrage bis zur Zahlung

    Drei illustrierte Schritte zeigen den Weg von der Anfrage bis zur digitalen Zahlung.

  • Eine Bestätigung nach jedem Einsatz

    Bericht

    Eine Bestätigung nach jedem Einsatz

    Ein Beispielbericht zeigt den Eigentümern nach jeder Reinigung Checkliste und Fotos. Der Status meldet die Wohnung bereit für den nächsten Gast.

  • / 01

    Konfigurator mit Live-Preis

    Paket und Zusatzleistungen lassen sich frei kombinieren. Die Summe passt sich bei jeder Änderung an. Leistungen ohne festen Preis erscheinen als Angebot.

  • / 02

    Geführte Anfrage

    Ein Dialog führt Schritt für Schritt durch die Anfrage bis zur Übersicht. Er prüft Pflichtfelder und lässt sich per Tastatur bedienen.

  • / 03

    Englisch und Spanisch

    Alle Seiten liegen in beiden Sprachen vor. Pakete und Preise kommen aus einer gemeinsamen Datenquelle. So bleiben beide Fassungen gleich.

  • / 04

    KI-Bildwelt mit Firmenlogo

    Die Szenen entstanden per KI auf Grundlage des Firmenlogos. Das Team trägt einheitliche Kleidung im Licht der Pazifikküste.

Ergebnis

Das Ergebnis.

Die Testseite verbindet Markenauftritt und Buchung auf Englisch und Spanisch. Besucher stellen ihre Reinigung selbst zusammen und sehen den Preis live. Ein geführter Dialog nimmt die Anfrage auf.

Testseite ansehen (öffnet in einem neuen Tab)

Kontakt

Interesse an meiner Erfahrung aus diesem Projekt?

Gern erzähle ich mehr über meine Rolle und die gestalterischen Entscheidungen.

Kontakt aufnehmen