Shuttle – Dateien teilen, das vor der Anmeldung beginnt
Shuttle ist ein Dienst zum Teilen von Dateien, dessen Versprechen Eigentum heißt: Ihre Dateien, Ihre Regeln. Die Website stellt das echte Ablagefeld auf den ersten Bildschirm, damit man das Produkt benutzen kann, bevor es erklärt wird.
Aufgabe
Dateien zu teilen ist ein gelöstes Problem mit fest verankerten Anbietern, und ein neuer bekommt ein paar Sekunden, um zu zeigen, dass er anders ist. Eine Datenschutzhaltung im Text zu erklären, ist langsam; schneller überzeugt man, indem man jemanden sofort eine Datei bewegen lässt.
Vorgehen
Die Bühne ist das Produkt: ein gestricheltes Ablagefeld mit dem Gratiskontingent darin, ein Konto-Knopf und ein Link „Was ist Shuttle“ für alle, die zuerst die Erklärung wollen. Alles liegt auf einem hellen Himmelverlauf, der ein Werkzeugprodukt davor bewahrt, nach Infrastruktur auszusehen.
Der erste Bildschirm ist die Anwendung
Statt einer Marketingbühne mit Anmeldung darunter öffnet die Seite mit dem Ablagefeld selbst – Dateitypen-Symbole, das Gratiskontingent im Klartext und eine einzige Konto-Aktion darunter.
Wer eine Datei zu verschicken hat, kann sofort anfangen. Wer zuerst die Haltung verstehen will, hat dafür einen Link. Beide Wege sind ein Klick, und keiner blockiert den anderen.
Die Grenze im Angebot nennen
Das Gratiskontingent steht im Ablagefeld und nicht auf einer Preisseite. Speicherprodukte verlieren Leute an die Unsicherheit darüber, was „kostenlos“ bedeutet; die Antwort im Moment der Handlung nimmt den Grund, die Seite zu verlassen und nachzusehen.
Hell, wo die Kategorie dunkel ist
Die meisten Infrastrukturprodukte greifen zu einer dunklen, technischen Farbwelt. Shuttle nutzt einen weichen Himmelverlauf und runde, kontrastarme Bedienelemente – das passt zu einem Werkzeug für Endnutzer und trennt es sichtbar von Diensten, die an IT-Abteilungen verkauft werden.
Umsetzung
Die Website ist eine Remix-Anwendung mit Tailwind CSS, ausgeliefert über Cloudflare, mit Lemon Squeezy für die bezahlten Tarife. Der Utility-Ansatz hält Marketingfläche und Anwendungsoberfläche auf einem Satz Gestaltungswerte: Das Ablagefeld auf der Startseite ist dieselbe Komponente wie das im Produkt.
Was entstanden ist
- Funktionierendes Ablagefeld als erster Bildschirm
- Gratiskontingent dort genannt, wo gehandelt wird, statt auf einer Preisseite
- Helle, verbrauchernahe Farbwelt in einer Kategorie, die sonst dunkel ist
- Remix- und Tailwind-CSS-Build, ausgeliefert über Cloudflare
Häufige Fragen
Weil das Produkt zu benutzen schneller geht, als darüber zu lesen. Wer eine Datei zu verschicken hat, legt sofort los, und wer zuerst die Datenschutzhaltung lesen will, hat dafür einen Link.
Speicherprodukte verlieren Leute an die Frage, was „kostenlos“ abdeckt. Die Antwort im Moment der Handlung nimmt den Anlass, eine Preisseite zu suchen.
Mit Remix und React samt Tailwind CSS, ausgeliefert über Cloudflare, mit denselben Gestaltungswerten wie die Produktoberfläche.
Ein Blick in die Website
„Das Beste ist, dass sich die Website wie das Produkt anfühlt. Man sieht sofort, was Shuttle macht, statt sich durch eine Textwand zu lesen. Genau das wollten wir.“