KOJ Studio · Design + IA

Ideas, into
interfaces.

Data-Driven Design

Diseñamos sitios que se sienten pensados. Sistemas de diseño. Producto con IA de verdad adentro. Sin templates, sin adornos que no ganen su lugar.

Ideas Sistemas Estructura Interfaces
ING IA Aa GUSTO BUSINESS ARTE +24% COMERCIAL KOJ · STUDIO Guatemala · MMXXVI Ideas, into interfaces. DATA-DRIVEN DESIGN PALETTE TYPE Aa Georgia serif Arial sans COMPONENT EMPEZAR → ESTUDIO DE DISEÑO · IA · SISTEMAS n° 04
De ideas sueltas a producto en pantalla.

Piezas en producto.

Interfaces, no ideas. Cada mockup abajo es una vista real de trabajo actual o reciente. Cambia entre las pestañas para ver dos tonos distintos del mismo sistema.

cash-fp.com · overview
Cash FPFINANCE OS
Vistas
Overview
Cash flow
Clientes
Facturación
Reportes
Sistema
Integraciones
Equipo
Settings
C
Cristian V. OWNER

Overview · Junio 2026

Últimos 30 días ↓
Exportar
MRR
Q 148,320
↑ 12.4% vs mayo
Cuentas activas
312
↑ 8 este mes
Churn
2.1%
↑ 0.4 pp
LTV promedio
Q 8,940
↑ 4.8% YoY

Ingresos vs costos

Ingresos Costos
Cliente
Ingreso
Cambio
Vence
Estado
Habitare, S.A.
Q 42,400
↑ 8.2%
15 jul
Al día
GreenergyZe
Q 28,900
↑ 3.1%
02 ago
Al día
Elex Retail
Q 19,650
= 0.0%
22 jun
Por cobrar
Psicometrikas
Q 14,220
↓ 2.4%
18 jun
Vencido
ATLAS
Nuevo · Verano 2026

Decisiones que ya sabías, con datos que las respalden.

Atlas conecta tus fuentes de datos, arma tus KPIs y te muestra la lectura correcta cada mañana. Sin dashboards abandonados.

Probar Atlas
Sesiones activas
2,847hoy
La cifra que abriste esta mañana en Sheets, pero al día y sin pegar.
01

Integra en 5 minutos.

Conecta Sheets, Postgres, Stripe o tu API en un solo flujo. Sin ETL manual, sin equipo técnico.

02

KPIs con criterio.

Nosotros armamos las métricas que importan para tu industria. Tú validas y publicas.

03

Alertas que sirven.

Si una métrica sale del rango, te llega antes de que abras la app. Sin ruido.

01 · Cash FP
Dashboard financiero para PYMEs. Sistema oscuro, jerarquía de KPIs, tabla con estados por color, y gráfica con área filled amarilla. Todo el sistema KOJ aplicado: Georgia italic para lo importante, Arial para el sistema, y amarillo #FEB503 como acento estructural.

Seis productos, un solo estándar.

Cada uno es un producto en sí mismo, no un check en una lista. Todos siguen el mismo criterio: sistema en vez de moodboard, craft en vez de template, IA cuando resuelve un problema real y no cuando se vende.

01

Sistemas de diseño.

Paleta con WCAG computado, tipografía a escala, tokens CSS listos para ship, componentes documentados. Sistema completo, no moodboard.

02

Producto con IA integrada.

Enriquecimiento automático, auto-llenado y conversión asistida. La IA vive donde el usuario la usa, no en el marketing.

03

Landings editoriales.

Sitios que se sienten Vogue, no Wix. Georgia italic para lo que importa, restraint disciplinada, 90% neutros y 10% acento.

04

Propuestas premium.

Docs comerciales que cierran. Portal privado con vigencia por token, branding a nivel deliverable, y estructura pensada para el sí.

05

Portales de cliente.

Espacios privados por proyecto para compartir docs, iteraciones y trabajo vivo. Cada cliente con su propia URL y su propio contexto.

06

Handoff completo.

Cada entregable incluye lo que tu equipo necesita para seguir sin nosotros: variables CSS, componentes, guidelines de uso, documentación.

Cada pieza es una respuesta.

Seis proyectos donde cada uno demuestra una capacidad distinta: producto con IA en el core, sistemas de diseño de nivel, propuestas editoriales que cierran, portales que funcionan.

$ CASH FP AI-ENRICHED
PORTFOLIO VALUE
$12,847,320
24.3% YTD
Financial Platform · IA
Cash FP
Producto financiero con enriquecimiento de datos de mercado en tiempo real. La IA compone contexto sectorial y ratios sin que el usuario los pida.
2026 Live · cashfp.com
ψ PSICOMETRIKAS 4 DE 6
¿Cómo priorizás cuando hay múltiples urgencias?
Por impacto en el equipo
Por deadline más próximo
Por complejidad técnica
Assessment Platform · IA
Psicometrikas
Plataforma de evaluaciones psicométricas con auto-llenado inteligente. El usuario responde 5 preguntas, la IA infiere y completa el perfil.
2026 Live · psicometrikas.com
KOJ DS BRANDBOOK
PALETTE
TYPE
Aa
CTA
EMPEZAR
Design System · Brandbook
KOJ Design System
Nuestro brandbook interno: paleta ancla, tipografía Georgia + Arial con specs, marcas y sus variantes, componentes (botones, badges, chips, quotes) y reglas de voz. Lo que produce cada entregable KOJ.
2026 Doc · /koj-design-system
HABITARE habitare.com.gt
VIGENTE
CAYALÁ · ZONA 14
Apto editorial
$ 285,000
Real Estate · Editorial
Habitare
Plataforma inmobiliaria editorial de Grupo Habitare. Sitio en producción en habitare.com.gt. Dirección visual, sistema de diseño, estrategia editorial y arquitectura de contenido.
2026 Live · habitare.com.gt
KOJ CONSULTING LIVE
DATA-DRIVEN DECISIONS
Data que decide.
CONTACTO →
Landing · Identidad
KOJ Consulting
Nuestra propia identidad. Amarillo y negro sin miedo. Georgia italic para los momentos que importan. Todo hecho a mano, sin templates.
2026 Live · kojconsulting.com
PORTAL TOKEN VIEWER
KOJ · Habitare VIGENTE · 25D
Sistema Técnico
Portal de Propuestas
Sistema de tokens con vigencia automática para propuestas comerciales. URLs cortas, badges de vigencia, expiración programada. Infraestructura sobre Vercel.
2026 Interno · kojconsulting.com

Sitios que piensan por vos.

La mayoría de shops locales entrega sitios estáticos o CMS. Nosotros construimos con inteligencia en el core: enriquecimiento automático, auto-llenado, conversión asistida. Tres ejemplos en producción.

01
Enriquecimiento

Datos que se traen solos.

En Cash FP, el usuario ingresa un ticker y la IA compone contexto sectorial, ratios históricos y comparables. Elimina la carga cognitiva de armar la vista de análisis manualmente.

Ver en vivo
02
Auto-llenado

Cinco preguntas, un perfil completo.

En Psicometrikas, el usuario responde cinco preguntas iniciales y la IA infiere el resto del perfil evaluativo con calibración científica. Reduce el drop-off en el onboarding y mejora la calidad del dato.

Ver en vivo
03
Conversión asistida

Leads que llegan cualificados.

En Habitare (habitare.com.gt), la búsqueda conversacional entiende lenguaje natural, cualifica al usuario antes de escalar al agente, y entrega un brief accionable en vez de un formulario crudo.

Ver en vivo

Diseñamos sitios que se sienten pensados. Nada por defecto. Ningún template. Cada elemento tiene una razón, o no está.

Cuatro pasos, sin adornos.

Ninguna metodología inflada con siglas. Solo lo que hacemos, en el orden que lo hacemos.

01
Escuchar
Entendemos el negocio antes de tocar la primera línea de código. Ninguna solución vale nada si no resuelve un problema real.
02
Decidir
Sistema, no ideas sueltas. Cada decisión (color, tipografía, IA, componentes) se toma con criterio documentado.
03
Construir
HTML, CSS, JS a mano. Sin frameworks pesados. Sin templates. El código es del cliente al terminar.
04
Shipear
En producción, con dominio configurado, WCAG verificado, métricas conectadas. Sin «casi terminado».
Contános tu proyecto

Contamos historias
con código.

Si estás leyendo hasta aquí es porque algo te calificó el criterio. Respondemos seis preguntas cortas y ahí hablamos.

Pregunta 1 de 6
Enviado

Listo, gracias.

Ya recibimos tu información. Te respondemos por email en menos de 24 horas.