Brand Strategy · Design System · Product · Applications

Kommit · Design Ownership

4 años como sole designer y Design Owner de Kommit. Estrategia de marca, sistema de identidad, Design System V5 y el producto interno que usa la compañía todos los días.

Rol
Design Owner · Sole Designer
Empresa
Kommit · ISO 27001:2022
Año
2022-2026
Disciplinas
Brand Strategy · Systems · Product
Kommit ecosystem
Contexto

El reto: una sola persona sosteniendo toda la disciplina de diseño.

Cuando entré a Kommit (staff-aug LATAM certificada ISO 27001:2022, ~40 personas, HQ en Boynton Beach, FL) no existía un sistema de diseño ni un manual de marca actualizado. Cada pantalla se resolvía a mano y el handoff con desarrollo era ad-hoc. Reporté directo al CEO y al tech lead, y en distintos momentos a la Directora de Operaciones y a la Directora de Marketing. El equipo cambió varias veces; al final quedé formalizado como Design Owner.

Como único diseñador, el mandato era triple: estrategia de marca (para diferenciar a Kommit en el mercado LATAM de talento tech), sistema de diseño (para que los engagements de cliente bajo NDA y el producto interno hablaran el mismo idioma), y producto (Portal Kommit, la herramienta operativa que ninguna herramienta off-the-shelf resolvía). Nada de eso podía existir sin los otros dos, y todo tenía que salir de una sola persona.

Decisión · 01

Brand strategy escrita, no asumida.

Escribí un manual de marca de 45 páginas que define vision, mission, cinco brand values, message pillars y tone of voice antes de tocar el logo. La misión que quedó documentada: "To meaningfully improve SMBs' efficiency through superior products and services, leveraging exceptional talent from emerging regions to deliver unmatched value and innovation."

Los cinco pilares (Empowerment through knowledge, Commitment to excellence, Transparency in communication, Endless pursuit of learning, Adaptive creativity) no son adjetivos: cada uno se traduce a una decisión visual y verbal específica en el resto del manual. El sistema define dos identidades paralelas: una para la voz corporativa de Kommit y otra para representantes clave (Persona), cada una con sus propias fotografías, backgrounds, iconografía y aplicaciones.

Decisión · 02

Un logo que no es decoración.

El logo de Kommit tiene un concepto explícito: la doble 'm' central representa "un espacio donde lo humano y lo digital convergen". No es un detalle tipográfico; es la traducción visual del posicionamiento. El punto de la 'i' se construye como dos rectángulos apilados: el firmante visual único que sostiene el sistema en producción hoy.

Definí safezone (altura de la letra 'O'), variantes correctas, uso en imagen (blanco/negro según brillo del fondo), seis reglas de uso prohibido y favicon. La governance del logo quedó documentada al mismo nivel que la de una marca corporativa establecida.

Decisión · 03

Sistema visual que evolucionó en 4 años.

La paleta inicial del manual (2025) tenía a kommit blue #1313C3 como color principal, con acid green, sky blue, deep purple y electric purple como sistema. En producción, durante los siguientes años, la marca evolucionó: el neon green #00FF2C pasó a dominar el sitio y las aplicaciones digitales, con cyan #00B7FF como acento. El manual de 2025 no se actualizó; la evolución vive en el producto en producción. Es la señal más clara de que un sistema real se sostiene por decisiones continuas, no por la fecha de un PDF.

Tipografía: Manrope como única familia (400–800 variable, self-hosted, sin dependencia de Google Fonts en producción). Secondary "Shadow into light" reservada para el look personal. Ilustración: precisión geométrica + line art fluido en perspectiva isométrica. Fotografía: el manual documentaba Midjourney + filtro azul #1313C3; hoy usamos fotografía real de personas, alineada al nuevo eje de la marca.

Kommit visual system Kommit brand applications
Decisión · 04

Design System V5, sostenido de v1 a v5.

Construí el Kommit Design System partiendo de una referencia externa publicada por un designer profesional y adaptándola al contexto operativo. El sistema incluye:

Foundation completo

Typography (escala major second), Spacing (vertical + horizontal), Border Radius, Elevation/Shadows (5 niveles).

~50 componentes core

Organizados en Brand · Content · Buttons · Forms · Common UI · Utils. Todos con variantes Light Base y Dark Elevated.

Distribución

Draft de Figma compartido con desarrollo como fuente de verdad, documentación migrada a Claude Design como docs + Storybook. En producción los componentes viven como web components reales (<kommit-nav>, <kommit-button>, <kommit-card>…), construidos con Lit y Vite.

Versionado v1 → v5

4 años de evolución sostenida por un único Design Owner, sin rediseños destructivos ni rupturas de compatibilidad. Cada versión sumó (dark mode, accesibilidad, tokens) sin romper lo anterior. [GAP: timeline por versión, dato Alan]

Decisión pragmática documentada: los tokens no se exportan a JSON/CSS. El equipo re-implementa desde Figma y Claude Design. En un equipo pequeño con comunicación directa entre diseño y devs funciona; quedó marcado como deuda técnica consciente, no como olvido. En un rol futuro con más superficie de producto priorizaría el pipeline de tokens desde el día uno.

Decisión · 05

Portal Kommit, el sistema operativo real.

Diseñé y mantengo Portal Kommit: la herramienta interna que el 100% del equipo Kommit usa diariamente para kanban de tareas, gestión de tickets, worklog de horas, seguimiento de proyectos y validación de PTOs. 12+ módulos construidos sobre el mismo Foundation, los mismos ~50 componentes y los modos Light/Dark del sistema.

Reemplazó una fragmentación previa (Notion + emails + servicios externos) por un sistema operativo único, alineado con la marca. El caso demostrable: la primera empresa que Kommit convence de su product design es la propia Kommit. [GAP: número exacto de usuarios activos + KPIs de flujo, dato Alan]

Portal Kommit UI
Decisión · 06

Aplicaciones en producción, no mockups.

La marca vive en producción, no en un PDF. El sitio corporativo kommit.co está construido con Lit web components (Vite build), consume el sistema visual real, sostiene los stats que la compañía publica (16+ años, 500+ ingenieros colocados, delivery en 3 semanas) y muestra la certificación ISO/IEC 27001:2022 como señal de compliance para clientes enterprise.

Sistemas visibles que uso como Design Owner: social media (LinkedIn), digital (site + landing pages), presentaciones, y (vía kommitters) la comunicación pública del brazo open source, dos veces ganador del Stellar Community Fund: SCF #10 con Elixir Stellar SDK y SCF #13 con Chaincerts.

Resultado

4 años de ownership continuo.

Un manual de marca de 45 páginas. Un Design System v1 → v5 con ~50 componentes. Un producto interno adoptado por el 100% del equipo. Un sitio corporativo en producción usando el mismo lenguaje. Todo sostenido por una sola persona durante 4 años consecutivos, sin rupturas visibles ni redesigns destructivos.

Validaciones externas asociadas al mismo ecosistema, verificables públicamente: ISO/IEC 27001:2022, Stellar Community Fund #10 y #13, mención en el blog oficial de Stellar Developers ("Building on Soroban: Three Teams' Journeys with Smart Contracts", marzo 2023).

Aprendizajes transferibles
Siguiente proyecto
Chaincerts Fintech · Web3 · Stellar Community Fund #13 · 2023