Shuttle — Compartir archivos que empieza antes del registro
Shuttle es un servicio para compartir archivos cuya propuesta es la propiedad: sus archivos, sus reglas. El sitio pone la zona de carga real en la primera pantalla, así el producto se puede usar antes de que lo expliquen.
El reto
Compartir archivos es un problema resuelto, con actores muy establecidos, y quien llega nuevo tiene unos pocos segundos para mostrar que es distinto. Explicar una postura sobre privacidad con texto es lento; el argumento más rápido es dejar que alguien mueva un archivo de inmediato.
El enfoque
La portada es el producto: una zona de carga punteada con el límite gratuito escrito dentro, un botón de cuenta y un enlace de «qué es Shuttle» para quien prefiera la explicación primero. Todo vive sobre un fondo celeste claro que evita que una herramienta utilitaria parezca infraestructura.
La primera pantalla es la aplicación
En lugar de una portada de marketing con el registro más abajo, la página abre con la propia zona de carga: iconos de tipos de archivo, el límite gratuito en texto claro y una sola acción de cuenta debajo.
Quien tiene un archivo para enviar empieza de inmediato. Quien quiere entender la postura primero tiene un enlace para eso. Los dos caminos son un clic y ninguno bloquea al otro.
Decir el límite dentro de la oferta
El plan gratuito está impreso dentro de la zona de carga y no en una página de precios. Los productos de almacenamiento pierden gente por la incertidumbre sobre qué significa «gratis», y responderlo en el momento de la acción quita el motivo para irse a averiguar.
Claro donde la categoría es oscura
La mayoría de los productos de infraestructura recurre a una paleta oscura y técnica. Shuttle usa un degradado celeste suave y controles redondeados de bajo contraste, algo que le sienta bien a una herramienta de uso cotidiano y la separa visualmente de los servicios que parecen vendidos a un área de sistemas.
Desarrollo
El sitio es una aplicación Remix con Tailwind CSS servida a través de Cloudflare, con Lemon Squeezy para los planes pagos. El enfoque de utilidades mantiene la superficie de marketing y la interfaz del producto sobre un mismo conjunto de valores de diseño, así que la zona de carga de la página de inicio es el mismo componente que el de adentro del producto.
Qué entregamos
- Zona de carga funcionando como primera pantalla
- Límite gratuito indicado en el punto de acción y no en una página de precios
- Paleta clara y cercana al usuario en una categoría que por defecto es oscura
- Build en Remix y Tailwind CSS servido a través de Cloudflare
Preguntas frecuentes
Porque usar el producto es más rápido que leer sobre él. Quien tiene un archivo para enviar empieza enseguida, y quien prefiere leer primero la postura de privacidad tiene un enlace para eso.
Los productos de almacenamiento pierden gente por la duda sobre qué cubre lo gratuito. Responderlo en el momento de la acción quita el motivo para ir a buscar una página de precios.
Con Remix y React más Tailwind CSS, servida a través de Cloudflare y compartiendo los valores de diseño con la interfaz del producto.
Por dentro del sitio
«Lo mejor es que el sitio se siente como el producto. Se ve enseguida qué hace Shuttle en lugar de tener que leer un muro de texto. Era exactamente lo que queríamos.»