← Diseño webCaso 09 · 2026
Diseño web · fintech para autónomos

Taxie.

TAXIE WEB · BYPO STUDIO · TAXIE WEB · BYPO STUDIO ·
Mockup destacado de la web TaxieMockup · 01

Una landing fintech con voz editorial. Vende una app, pero habla como una revista: bajo control, sin estrés y con un único CTA repetido — descargar.

Paleta
Cliente
Taxie
Sector
Fintech · iOS
Servicios
Diseño · Desarrollo
Año
2026
FINANZAS ✦IVA TRIMESTRAL ✦SIN EXCEL ✦ASISTENTE IA 24/7 ✦SOLO IOS ✦FINANZAS ✦IVA TRIMESTRAL ✦SIN EXCEL ✦ASISTENTE IA 24/7 ✦SOLO IOS ✦FINANZAS ✦IVA TRIMESTRAL ✦SIN EXCEL ✦ASISTENTE IA 24/7 ✦SOLO IOS ✦FINANZAS ✦IVA TRIMESTRAL ✦SIN EXCEL ✦ASISTENTE IA 24/7 ✦SOLO IOS ✦
§02 / Reto

Vender una app fintech sin parecer un banco.

El mercado de apps de finanzas está saturado de pantallas azules, gráficas serias y promesas vacías. Taxie quería hablar como un autónomo cansado de Excel, no como un asesor.

Diseñamos una landing oscura con calidez tipográfica: titulares editoriales, una palabra en cursiva serif y un mockup vivo con notificaciones reales del producto. Una sola decisión: descargar.

0€
Para empezar
iOS
App Store
2 sem
Producción
§03 / TipografíaSistema editorial fintech

Una sans rotunda y una cursiva serif.

T/01 · Display
Tus finanzas
Inter 800 · Titulares

Inter en peso 800 da seriedad fintech sin frialdad. El tracking negativo aprieta el bloque y le da carácter editorial.

T/02 · Cursiva serif
bajo
Fraunces · Acentos italic

Aparece en una sola palabra por bloque para dar respiro al titular. Es el guiño editorial que aleja a Taxie de cualquier app de banco.

T/03 · Texto

Sin Excel. Sin líos. Sin estrés. Gestiona ingresos, gastos e impuestos en minutos — no en tardes enteras.

App de finanzas para autónomos. Disponible en App Store, gratis para empezar.

Inter Regular · Body y UI

La misma familia que el display, en peso 400. Coherencia tipográfica máxima con un solo archivo variable.

H1
Inter 800 · 96/88
H2
Inter 800 · 60/56
Italic
Fraunces 500 it · contextual
Body
Inter 400 · 17/28
Caption
Inter 500 · 12/18
§04 / UX · Justificación

Cuatro decisiones para ganar la descarga.

Instalar una app es un compromiso. La web reduce esa fricción mostrando producto, voz y precio antes de pedir nada.

UX/01

Sin Excel, sin líos

Hablamos el idioma del autónomo: gastos, ingresos, IVA y trimestre. Cero jerga contable, cero explicaciones largas en el hero.

UX/02

Mobile como protagonista

Un iPhone gigante a la derecha del hero hace de demo viva. La app se ve antes de leer, que es como se decide instalar algo.

UX/03

IA como compañera

El chip flotante «IA» recuerda que no estás solo. Aparece cerca del mockup para conectar el mensaje con la pantalla.

UX/04

Notificaciones reales

Insertamos cards de notificación auténticas (cobros, IVA trim.) flotando sobre el mockup. Demuestran el producto sin contarlo.

§05 / UI · SistemaComponentes recurrentes

Pocos componentes, todos al servicio del producto.

UI/01

Hero editorial fintech

Titular en Inter Black con un guiño en Fraunces italic. Una sola palabra cursiva basta para diferenciar la marca de su sector.

UI/02

Mockup con flotantes

Cards de notificación con blur de fondo y borde sutil. Salen del mockup como si fueran piezas reales del sistema.

UI/03

Doble CTA

Naranja sólido para «Descargar» (decisión) y outline ligero para «Ver cómo funciona» (curiosidad). Sin terceras opciones.

UI/04

Stats de confianza

iOS · 0€ · 24/7 IA. Tres bloques cortos justo bajo los CTAs. Resuelven dudas de fricción antes de que aparezcan.

Notificación flotante
✓
Cobrado
+1.250,00 €
€
IVA Trim.
432,18 €

Las notificaciones flotan sobre el mockup del iPhone con blur y borde sutil. Demuestran el producto sin describirlo.

Sistema de botones
Descargar en App Store● Ver cómo funciona

Naranja sólido para la decisión, outline ligero para la curiosidad. Nunca tres opciones en pantalla.

§06 / Paleta

Tinta como base, naranja como acción.

Tinta#0E1418
Base
Bruma#14202A
Surface
Naranja#FF6A1A
CTA
Menta#2EA89A
Datos
Crema#F2EBDD
Texto
§07 / Performance

Una landing ligera para un producto serio.

Una sola familia tipográfica variable, mockup optimizado y animaciones CSS. Carga rápida en 4G y datos móviles.

99
Performance
Lighthouse · mobile
100
Accesibilidad
Contraste AA · semántica
100
SEO
Fintech · autónomos
<1s
LCP
Largest Contentful Paint
§08 / Web en vivoScroll dentro

Pruébala como si fueras a descargar.

Haz scroll dentro de la ventana, mira las funciones, los precios y las preguntas frecuentes. La web vive aquí dentro.

§09 / Cierre

Una landing que vende sin gritar.

Diseño y desarrollo pensados para que la decisión sea fácil: ver el producto, entender la promesa y descargar la app.