DANIEL_OS v1.0·STATUS: AVAILABLE FOR WORK--:--:--

// INDEX — 000

Daniel
Forero

Diseño y construyo productos digitales de punta a punta — del design system al código en producción.

Role
Senior UX/UI Designer
& Front End Developer
Experience
8+ años
Based in
Bogotá, Colombia
Focus
Design systems · Product UI · Frontend performance
// WORK001

Case studies donde el diseño y el código son la misma decisión.

Diez productos reales — fintech, movilidad, IA, e-commerce y sistemas de diseño propios. Kinetik Studio y Serenia son flagship: sistemas completos de mi autoría, del token al build.

// UI_LAB002

Demos funcionales, no capturas.

Cada pieza corre en vivo en esta página: estados reales, validación instantánea y animación a 60fps. Abre devtools si quieres — para eso están.

AI Command Center

Métricas en vivo, gráfico animado y feed de logs tipo terminal.

kinetik.studio/command-center
AI COMMAND CENTER
LIVE
Throughput
1.55k/s
Latency p95
206ms
Cost / 1k
$0.573
Requests
✓ ingest.pipeline — 1.2k events/s
▸ model.route — gpt-router warm
✓ vector.index — rebuilt in 340ms

Checkout rápido

Flujo de pago en tres pasos con validación en tiempo real.

pos.checkout/flow
Total a pagar
$148.000
COP · POS #0042
  • Plan Pro — mensual$120.000
  • IVA 19%$22.800
  • Servicio$5.200

Cotizador SaaS

Alcance y timeline configurables con resumen dinámico.

kinetik.studio/quote
SCOPE_BUILDER
Timeline6 semanas
▸ ritmo estándar
Estimado
$6,800
1 módulo

Player Serenia

Única excepción cromática del sitio: paleta violeta/esmeralda de Serenia.

SERENIA · SESSION 03

Respiración profunda

Guiada · 12 min

03:0012:00

Token Inspector

Pega CSS con hex sueltos — te dice qué token semántico debería usar cada uno.

  • #0b0b10--bg-surface
  • #f5f5f9--text-primary
  • #23d4ef--accent-default

Migration Pipeline

Réplica del pipeline de build asistido por IA de Launch Mobility (anonimizado).

Queued

WP-1WP-2WP-3WP-4WP-5

Tests

Implementation

Escalated

Done

iteraciones: 0 · listos: 0/5

Contrast Checker

WCAG 2.1 en vivo — el mismo criterio que aplico antes de cerrar cualquier pantalla.

Texto de muestra sobre este fondo
18.00:1AA AAA

Fleet Map

Visibilidad de flota en tiempo real — el mismo concepto detrás del flujo de reservas de Launch Mobility.

3 vehículos en ruta

Modo de marca

Cambio de marca automático vía tokens — igual al sistema de Modos de Figma en Launch Mobility.

ACTIVE

Command Palette

⌘K / Ctrl+K — navegación real por teclado, no decorativa.

Payment Error States

Los 14 estados de error reales de Launch Mobility, reproducidos por plataforma.

Streak Engine

La lógica real de rachas de Serenia — cálculo server-side, hitos, sin trucos del cliente.

🔥

0 días

0 min acumulados

3d 7d 14d

PR Timeline Replay

Un gap de merge real, detectado leyendo el historial de git en vez de confiar en el build.

mueve el slider para reproducir…

Locale Playground

Usa el mismo switch ES/EN del sitio — Intl.NumberFormat y Intl.DateTimeFormat en vivo.

$ 48.200

7 de septiembre de 2026 · locale activo: es-CO

// EXPERTISE004

Cómo trabajo.

01

Product Design

Descubrimiento, arquitectura de información y flujos. La interfaz sale de una decisión de producto, no de una plantilla.

02

Design Systems

Tokens semánticos, componentes con estados completos y documentación viva. Un sistema que el equipo puede usar sin preguntarme nada.

03

Frontend Engineering

React, TypeScript y Tailwind en producción. Accesibilidad AA, 60fps y bundles que no crecen sin justificación.

04

Prototipado rápido

De la idea a un prototipo funcional en días — la mejor forma de validar una interacción es poder tocarla.

// ABOUT005

Ocho años cerrando la brecha entre diseño y código.

Soy Daniel Forero, diseño y programo desde Bogotá. Empecé en dirección de arte, terminé escribiendo el frontend de los productos que diseñaba — y hoy esa doble mirada es exactamente lo que aporto.

Trabajo mejor donde hay complejidad real: datos densos, flujos de pago, sistemas que muchos equipos van a consumir.

Stack
FigmaReactTypeScriptTailwind CSSNext / TanStackFlutterSupabaseGSAP / MotionStorybookNode
2023 — hoy
Senior UX/UI Designer & Front End Developer
Kinetik Studio (front end, UX/UI, estrategia de IA) + producto propio (Serenia)
2021 — 2023
Product Designer / Frontend Lead
Fintech y beneficios corporativos LATAM (Mercado Pago POS, Ontop, Commdesk)
2018 — 2021
UX/UI Designer
Tul, agencias y equipos de producto en Bogotá
// CONTACT006

¿Tienes un producto que merece estar bien construido?

DANIEL_OS v1.0 — © 2026 DANIEL FOREROBOGOTÁ, CO · UTC−5STATUS: AVAILABLE FOR WORK