Splitt rediseña su interfaz: nueva home y landing más clara

Publicado el 15 de mayo de 2026 · 7 min de lectura

Esta semana el equipo de Splitt ha completado un rediseño visual de 360 grados. La home de la app (la pantalla principal que ves al abrir) y la landing page (splitt-app.com) han sido totalmente renovadas. No es un cambio cosmético — es el resultado de meses escuchando cómo las parejas usan realmente la app.

El objetivo era claro: el contenido y la funcionalidad de Splitt eran sólidos, pero la presentación visual era demasiado básica. Una pareja podía tener todos los datos correctamente organizados, pero la interfaz no lo comunicaba de forma clara. Era como tener un restaurante excelente pero con la carta ilegible.

Por qué rediseñar en mayo de 2026

Splitt nació con un diseño muy funcional pero minimalista. Funcionaba, pero no vendía. Cuando una pareja llegaba a la landing page, no entendía inmediatamente qué era Splitt, por qué lo necesitaban, o cómo era de fácil de usar. Y en la app misma, la home no mostraba claramente cuánto había que saldar o quién debía qué.

Los números lo decían todo:

• Bounce rate alto en landing: 65% de visitantes se iba sin crear cuenta
• Confusión en la home: Parejas que no veían el balance claramente y preguntaban por email cómo funcionar el app
• Fricción visual: El diseño no inspiraba confianza como herramienta financiera

Un buen diseño no es estética — es comunicación. Y eso era lo que faltaba en Splitt.

Qué cambió en la home de Splitt

La pantalla principal de la app ahora prioriza lo que realmente importa: quién debe qué, de un vistazo.

Antes, la home tenía demasiados elementos compitiendo por atención. El balance estaba ahí, pero sin jerarquía visual clara. Las tarjetas de gastos no invitaban a la interacción. La tipografía era pequeña y poco legible.

El nuevo diseño:

• Balance amplificado: El número de quién debe aparece en grande, con tipografía clara y peso visual. No hay que buscar — está ahí.
• Tarjetas rediseñadas: Cada gasto ahora es una tarjeta con más aire, mejor contraste, y una barra de color accent que ayuda a identificar la categoría de un vistazo
• Jerarquía visual clara: Los elementos más importantes (el balance, el total del mes) tienen mayor tamaño y color. Los detalles secundarios quedan en segundo plano sin distraer
• Mejor tipografía: Hemos adoptado DM Sans para la app, una familia de fuentes diseñada específicamente para interfaces digitales. Mejor legibilidad, sobre todo en móvil
• Espaciado amable: Más aire entre elementos. La app respira. Menos sensación de amontonamiento

Qué cambió en la landing page

La landing page es la puerta de entrada. Antes, era poco clara. Alguien llegaba a splitt-app.com y no sabía exactamente qué era Splitt ni por qué debería usarlo.

El nuevo diseño es más directo:

• Headline claro: "Gastos compartidos para parejas" — sin ambigüedad
• Value proposition visual: Animaciones que muestran exactamente cómo funciona (agregar gasto, ver balance, liquidar) en 15 segundos
• Prueba social: Número de usuarios activos, testimonios reales de parejas
• CTA prominente: El botón de "Abre la app" es imposible de perder — no hay que scrollear para encontrarlo
• Secciones menos texto: Menos párrafos largos, más viñetas y números. Las parejas no quieren leer ensayos sobre finanzas — quieren saber si les sirve, rápido

La métrica más importante aquí es simple: ¿Convierte? Esperamos que el bounce rate baje a 40-45% en las próximas dos semanas. Si no baja, seguiremos iterando.

Diseño que respeta mobile-first

Un 78% de usuarios de Splitt usan móvil. El rediseño fue mobile-first desde el primer boceto — no es desktop redimensionado para móvil.

Eso significa:

• Altura de los botones: 48px mínimo para poder tocar con el dedo sin errores
• Tipografía escalable: Los tamaños de fuente cambian fluidamente según el tamaño de pantalla
• Columnas de una sola: Nada de dos columnas en móvil — una sola columna que puedes scrollear sin perder nada
• Gestos intuitivos: Deslizar, tocar, largas presiones — todo funciona como esperas en una app de móvil

Si usas Splitt desde desktop, los cambios también están ahí. Pero sabemos que la mayoría de parejas interactúa desde el sofá con un teléfono. El diseño entiende eso.

La filosofía detrás del rediseño: simplicidad para no-técnicos

Splitt existe para parejas normales que no son necesariamente tech-savvy. Si uno de los dos tiene menos afinidad con apps, el diseño debe ser tan obvio que no necesite explicación.

Eso significa:

• Iconografía clara: Los íconos deben ser entendibles sin leyenda. Un icono de casa = home, un de dinero = gastos, un de gráfica = historial
• Colores con significado: Verde para acciones positivas (agregar, enviar). Rojo para destructivas (eliminar, decline)
• Cero jerga técnica: Nada de "sincronización", "caché", "optimizar". Solo palabras que las parejas usan en la vida real
• Retroalimentación inmediata: Cuando agregas un gasto, la app responde al instante. Ves que se guardó, quién debe ahora, todo en menos de medio segundo

El resultado es una app que parece fácil porque lo es — no porque estemos simplificando demasiado, sino porque hemos eliminado todo lo innecesario.

Próximos cambios que vienen

Este rediseño es la Fase 1. Ya estamos trabajando en:

• Fase 2 (mayo): Íconos SVG custom (sin emojis). Mejor sistema de colores para categorías. Animaciones fluidas en transiciones de pantalla
• Fase 3 (junio): Modo oscuro más perfeccionado. Glassmorphism en tarjetas flotantes. Fuentes variables para mejor rendimiento
• Fase 4 (junio+): Rediseño de otros pantallas (Historial, Ajustes). Dashboard mejorado con más insights

Cada fase se desplegará en producción sin interrumpir a los usuarios. Si estás usando Splitt, verás los cambios aparecer gradualmente. Si algo no te gusta, nos encanta el feedback — escribe a hola@splitt-app.com.

Métricas: qué esperamos ver

Somos data-driven. Este rediseño no es solo intuición — es resultado de análisis real:

• Bounce rate landing: 65% → 40% (meta de dos semanas)
• Tiempo promedio en home: +15% (esperamos que la gente explore más porque ahora todo es más legible)
• Errores de entrada de gastos: -20% (tarjetas más claras = menos confusión)
• Retention D7: +5-10% (diseño mejor = experiencia mejor = más gente vuelve)

En dos semanas sabremos si el rediseño funcionó o si necesitamos ajustar. Ese es el ciclo: datos, cambio, análisis, iteración.

Cómo ves los cambios

Si eres usuario de Splitt, ya estás viendo el rediseño. Si acabas de descubrir Splitt, verás directamente la nueva versión — no sabrás que antes se veía diferente.

Si usas la app en múltiples dispositivos (móvil + tablet, por ejemplo), los cambios son consistentes. El sistema de diseño que hemos creado es flexible — escala bien en cualquier pantalla sin perder claridad.

Y si tienes sugerencias sobre el nuevo diseño, por favor escribe. No es "mi" diseño o "tu" app. Es nuestra app, y los que la usan cada día tenéis mejor visión de qué funciona que cualquier designer encerrado en una oficina.

Por qué importa este rediseño

Hace seis meses, Splitt tenía 54 usuarios. Hace una semana, 109. El crecimiento es bueno, pero el número que realmente importa es: cuántos de esos 109 vuelven cada semana.

Un diseño mejor no trae usuarios de la nada. Pero retiene a los que llegan. Un usuario que entra a Splitt y ve una interfaz clara, que entiende el balance de un vistazo, y que puede agregar un gasto sin pensar — ese usuario vuelve mañana. Y pasado. Y en dos meses, aún sigue ahí.

Ese es el efecto compuesto del buen diseño: pequeñas mejoras en retention que, a lo largo de meses, se convierten en diferencia real de crecimiento.