Una plataforma de facturación con IA necesitaba algo que la presentara al mundo. No había nada más que un logo y una paleta.
Me contactaron desde Terameg cuando Kuentix estaba casi lista
para lanzarse. El producto funcionaba, pero no tenían presencia
web ni sistema de diseño. El encargo era la landing y el design
system.
Lo que hice fue entender primero qué tenía Kuentix que valiera
la pena destacar, y construir el sitio alrededor de eso.
El problema de entrar a un mercado con competidores establecidos
Kuentix compite con Contpaq, Alegra y Facturama.
Plataformas con años en el mercado y usuarios que ya las
conocen. Para alguien que nunca ha oído de Kuentix, el
punto de partida es desconfianza.
El cliente llegó con el brief bien definido: público objetivo
(PYMES, contadores, emprendedores), competidores a analizar
y referencias de estilo — Stripe, Conekta, Yaydoo. Sabían
qué querían transmitir: facilidad de uso, confianza fiscal,
tecnología.
Antes de diseñar una pantalla, analicé cómo se veía la competencia.
El mercado es visualmente plano: interfaces densas, estéticas
viejas, nada que comunique modernidad. Eso era una ventaja.
Y encontré dos cosas que Kuentix tenía y nadie más comunicaba
bien: IA integrada al flujo de facturación y gestión multiempresa
desde una sola cuenta. El sitio tenía que girar alrededor
de eso.
De la investigación a la entrega
Por qué hice lo que hice
La dirección visual —degradados, sombras con blobs y
formas orgánicas— no fue solo estética. Las
referencias que trajo el cliente (Stripe, Conekta,
Yaydoo) ya apuntaban a ese territorio. El análisis
de competencia confirmó que nadie en el mercado de
facturación mexicano lo estaba usando. Había espacio
libre.
Decir "tenemos IA" en un headline no convence. Había
que mostrarlo antes de que el usuario leyera una línea.
Por eso el hero es una ilustración animada que muestra
la IA en acción. La idea surgió del equipo de Terameg
durante el proceso. La ejecuté y quedó como el elemento
central del sitio.
- Ilustración animada en hero — para mostrar la IA en acción, no solo mencionarla
- Degradados y formas orgánicas — espacio visual libre que la competencia no estaba ocupando
- Animaciones al scroll — para guiar la atención, no para decorar
- Design system completo — foundations, componentes y guías de uso para que el equipo lo aplique en la plataforma
Lo que se puede documentar hoy
Landing responsiva entregada, design system documentado
e ilustración animada lista para implementar. El cliente
aprobó sin revisiones estructurales en cada etapa
No hay métricas todavía porque el sitio acaba de salir. Cuando
las haya, actualizo este caso.
