← 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.