wie aus einem namen, der schon vergeben war, eine marke mit augen wurde
los angeles, null komma null — und eine kategorie, die versprechen verkauft
ein freund, eine dampfmaschine, ein van: so fängt sofareinigung in los angeles an. kein name, der hält, keine site, kein eintrag bei google. ich habe nicht mit einem logo angefangen, sondern mit dem markt — wer verkauft hier was, wie, in welcher farbe.
stoomy ist das neue geschäft eines freundes. ich habe marke und site ohne honorar gebaut, um ihm den start leichter zu machen — abgemacht ist: er empfiehlt meine arbeit in den USA weiter.
zwei dinge waren nach dem audit klar. los angeles ist keine stadt, sondern 14 kleine märkte nebeneinander: im kartenblock teilen sich 28 firmen die bezirke, keine hält mehr als drei. und die ganze kategorie sieht gleich aus — grau, weiß, ein bisschen blau, dazu „professional“ und „trusted“ in jeder zweiten überschrift. alle verkaufen ein versprechen. den beweis, dasselbe sofa vorher und nachher, hängt niemand nach vorn.
daraus die regel für alles danach: der beweis kommt zuerst, der preis steht auf der seite. so wurde die marke gebaut, so wurde die site gebaut.
nachhervorherdie erste marke hieß SteamWave — und der name gehörte schon jemandem
die erste marke kam mit dem gründer: der name SteamWave, dazu ein blaues wellen-logo als vektor. ich habe darauf aufgebaut — signatur, favicon, und eine erste site auf framer: vorher-nachher zum ziehen, offene preise, eine echte karte mit 22 bezirken aus öffentlichen census-daten, antworten im FAQ ohne klick. die site stand in einer woche und sah ordentlich aus.
genau das war das problem: sie sah aus wie die kategorie. blau, eine welle, ein dampf-foto, großbuchstaben. und dann kam die nachricht, die alles entschied — der name SteamWave war schon vergeben. auf einem fremden namen baut man keine marke. also noch einmal, diesmal richtig.
✗ der name gehörte schon jemandem
✗ blau + welle + dampf-foto — so sieht die halbe kategorie aus
✗ baukasten statt code
✓ was blieb: beweis zuerst, offene preise, 22 bezirke, FAQ ohne klick
stoom ist dampf. stoomy ist jemand.
der neue name musste frei sein, kurz, und klingen wie jemand, der an der tür klingelt — nicht wie ein konzern. Stoomy Steam: stoom ist dampf, stoomy ein freundliches, erfundenes wort. im alltag sagt man nur „stoomy“.
für das zeichen habe ich 35 ideen in fünf runden mit KI generiert: schwarz-weiße formstudien, dann die wasserlinie und die kissen-idee, dann acht stile vom diner-schriftzug bis zum spa-monogramm, zuletzt sechs farbwelten für die aufgeblasene version. die augen tauchten früh auf — zuerst als wassertropfen im „oo“ — und wollten nicht mehr weg. gewonnen hat №1: aufgeblasene kleinbuchstaben in blau, zwei augen, ein butter-gelber dampfpuff über dem y. aus dem gewinner habe ich per hand einen sauberen vektor gebaut — formen nachgezeichnet, augen neu gesetzt, farben gemessen. die KI-idee steht so auch im brandbook, mit allen job-ids.
das logo ist der charakter
es gibt kein maskottchen daneben. das wortzeichen selbst ist stoomy. die aufgeblasenen buchstaben fühlen sich an wie kissen und dampfwolken; die zwei augen im „oo“ machen aus einem wort jemanden. weiße augen, navy-pupillen, immer. der butter-gelbe puff über dem y ist die einzige warme farbe im zeichen — eine, nicht mehr. „steam“ darunter in navy, weit gesperrt, fällt nur weg, wenn das wort daneben schon steht.
die regeln sind kurz und hart, damit das zeichen nach dem dritten dienstleister noch dasselbe ist: freiraum rundum gleich der höhe eines auges, mindestens 96 pixel breit auf dem screen und 25 millimeter auf papier, acht versionen von primär bis avatar — und sechs verbote. das wichtigste davon: die augen werden nie umgefärbt. ein charakter mit gelben augen ist ein anderer charakter.
✓ wortzeichen — aufgeblasene kleinbuchstaben, nie aus einer schrift gesetzt
✓ die augen — weiß, navy-pupillen; auf dem screen folgen sie dem cursor und blinzeln
✓ dampfpuff — butter, die einzige warme farbe
✓ „steam“ — navy, weit gesperrt
elf kapitel, damit die marke ohne mich funktioniert
ein brandbook ist kein PDF für die schublade, sondern die anleitung für den nächsten drucker, den nächsten freelancer, den nächsten van-beschrifter. deshalb als webseite gebaut, elf kapitel: klick auf eine farbe kopiert den hex-code, jedes logo liegt als svg und png zum download, die schrift kann man anklicken und selbst tippen.
01 brand. ein satz, der alles trägt: „a friendly steam crew LA trusts with the couch.“ darunter vier paare, die den ton festnageln — premium, nicht snobistisch. freundlich, nicht kindisch. sauber, nicht klinisch. lokal, nicht klein. und das versprechen: dein sofa wie am tag, als es nach hause kam — und der preis steht auf der seite, bevor du anrufst.
03 colour. blauer dampf auf einem cremefarbenen sofa. vier farben, aus dem logo gemessen — stoomy blue, deep navy, cream, butter — plus drei helfer für den screen. die verteilung steht im buch: creme 55, navy 20, blau 15, butter 10. creme ist die farbe eines sauberen sofas; in einer grau-weißen kategorie ist sie das, was man zuerst sieht. butter kommt genau einmal pro screen vor. jede kombination ist auf kontrast gemessen — text auf creme liegt bei 14,6 : 1.
04 type. weiche serife, ehrliche grotesk. fraunces sagt „zuhause“, figtree sagt die preise und die details — mit tabellenziffern, damit beträge sauber untereinander stehen. beide frei für kommerzielle nutzung, keine lizenzfalle für den gründer.
05 voice. sag die zahl. sag sie freundlich. stoomy redet wie der mensch, der an der tür klingelt: kurze sätze, echte zahlen, kein hype. das buch listet, was wir sagen und was nicht — „reviews are coming“ statt „rated #1 in los angeles“. drei sätze gehören fest zur marke: „we refresh. you recline.“ auf van und stickern, „one message now, a clean sofa this week.“ als aufruf, „this page got steam-cleaned away.“ für die 404 — humor genau einmal pro fläche.
✓ no need to move anything, we work around it.
✓ we tell you before we start, not after.
✓ reviews are coming.
✗ ★★★★★ rated #1 in los angeles
✗ chosen by celebrities
✗ call now for a free quote!!!
ein licht, echte möbel, das ergebnis — nicht die chemie
07 imagery. drei arten von bildern, mehr nicht. freigestellte möbel aus einem einzigen studio-setup — dreiviertel-ansicht, weiches licht von oben links, dieselbe kamera für alle neun stücke. ruhige, sonnige interieurs in creme, eiche und hellblau, menschen nur als hände oder gar nicht. und vorher-nachher vom selben stück, aus demselben winkel, im selben licht: das echte problem zeigen — haare, flecken, fett — nie übertreiben. keine gesichter, keine fremden marken, keine blasen-auf-blau-stockfotos. alle bilder sind mit KI generiert und im buch so gekennzeichnet; echte fotos vom ersten einsatz ersetzen sie, sobald es sie gibt.
06 elements. die kleinen dinge, an denen man stoomy erkennt: die augen allein als icon und als trenner in der laufschrift — sie schauen immer zur nächsten aktion. der dampfpuff, einer pro screen. der sticker in butter, leicht gedreht, nur für preise und angebote. der runde knopf in action blue, der beim drücken auf 96 prozent schrumpft. ein einziger schatten, und der nur unter einem produkt. und der stepper — zählen gehört zur marke, der preis ist immer sichtbar.
08 applications. auf der straße, auf der crew, in der hand: crew-shirt aus schwerer cremefarbener baumwolle, siebdruck in drei farben. visitenkarten creme vorn, stoomy blue hinten — mit augen. der van mit dem primärlogo mittig auf der weißen fläche. avatar und app-icon nur aus den augen, damit stoomy auch in 16 pixeln noch jemand ist.
zwei marken, zwei sites — und warum die zweite code brauchte
die erste site war ein baukasten. für die zweite hatte ich einen grund für code: ein charakter mit augen lebt nicht in einem template. in code folgen die pupillen dem cursor — eine drittelsekunde weich hinterher —, blinzeln alle fünf bis sieben sekunden, jedes zeichen auf seiner eigenen uhr, und gehen nach 700 millisekunden wieder in die mitte. auf dem telefon folgen sie dem scrollen. auf der 404 suchen sie die seite. im finale schauen sie auf die knöpfe, die man drücken soll. wer reduzierte bewegung eingestellt hat, bekommt stille augen.
der erste screen ist eine szene: ein sofa, halb sauber. scrollen zieht die dampflinie über die polster, bis alles sauber ist — und die augen in der kopfzeile folgen der linie. darunter das, was bei site eins schon richtig war, jetzt in stoomys ton: drei versprechen mit augen als trenner, vorher-nachher zum ziehen, eine preisliste, die als warenkorb arbeitet — plus-knopf, summe, fertige nachricht —, die karte mit 22 bezirken, antworten ohne klick, und eine 404, die sich selbst weggedampft hat. gebaut am 16. september, von einem zweiten blick geprüft, dann an den gründer zur abnahme.
✓ folgen dem cursor
✓ blinzeln alle 5–7 s, jedes zeichen für sich
✓ telefon: folgen dem scroll
✓ 404: suchen
✓ finale: schauen auf die knöpfe
✓ reduced motion: bleiben still
live seit dem 13. oktober — und ehrlich: zwei tage alt
version 2.1 ist die abnahme des gründers: seine spezifikation vom 11. oktober, echte kontakte, buchung direkt aus der liste, lesbar für suchmaschinen und KI-assistenten, eigene domain. am 13. oktober um 20:18 ging stoomysteam.com live; am späten abend lief die erste testanfrage sauber durch.
was es noch nicht gibt: ergebnisse. die site ist zwei tage alt, während ich das hier schreibe — keine bewertungen, keine zahlen, keine „ersten hundert kunden“. was es gibt: eine marke, die man nicht mit der nachbarschaft verwechselt, ein buch, das sie schützt, und eine site, die beim scrollen ein sofa putzt. den rest macht der dampf.
einfach eine sektion zum entspannen — nimm die piñata und hau das alles kaputt
ein logo ist ein bild. ein charakter ist jemand — und jemanden vergisst man nicht.
