Launch Mobility — Senior UX/UI Designer & Front-End Developer
2024Senior UX/UI Designer · Front-End Development · Design Systems
Qué era el reto
Como Senior UX/UI Designer y Front-End Developer en Launch Mobility, mi trabajo va bastante más allá de rediseñar pantallas: dirijo el sistema de diseño de la compañía de punta a punta (gobernanza de tokens multimarca, arquitectura atómica, componentes React Native), diseño y audito el flujo de reservas completo del producto, construyo el puente pixel-perfect entre Figma y código en piezas de producción reales, y produzco todo el material de comunicación de marca — decks, presentaciones, infografías, landing pages y contenido web.
Qué hace el producto
Dirijo el sistema de diseño atómico de la compañía (Fundamentos → Átomos → Moléculas → Organismos → Patrones), incluida la migración a una arquitectura de tokens de tres niveles con cambio automático de marca.
Audité las ~44 pantallas del flujo de reservas contra el checklist oficial de journeys y diseñé desde cero los journeys faltantes (actualizar, cancelar y extender reserva).
En la iniciativa que unifica cuatro bases de código en una sola app React Native, soy el punto de control humano que un pipeline de IA consulta cuando necesita un componente que no existe todavía.
Reconstruí pixel-perfect los 14 estados de error de pago para Android e iOS a partir de grabaciones reales de producción.
Landing page de partnership construida a mano en HTML/CSS/JS desde un pipeline de extracción vía API de Figma, con QA automatizada en Playwright.
Pitch decks, presentaciones, infografías, campañas de email y contenido web para la marca corporativa y sus sub-marcas.
Estudié límites de caracteres probando texto real renderizado en Figma, documentando la comparación en una infografía propia.
Números
Cómo se construyó
- 01Auditar antes de tocar nada — nunca asumir un color o un texto sin verificarlo en vivo
- 02Diseñar o reparar sobre una copia reversible del archivo antes de tocar la versión activa
- 03Extraer specs reales vía API en vez de adivinar valores
- 04Verificar contra la lógica real de la aplicación, no solo contra su apariencia
- 05Documentar cada decisión donde vive el trabajo (Control Sheets, UX Notes)
- 06Producir el material de comunicación de marca con el mismo control que una pantalla de producto
Qué aprendimos
- Un pipeline de build reportó un componente como "listo" cuando el código nunca había llegado a main — lo detecté leyendo el historial real de git y lo cerré con un PR de seguimiento.
- Un patrón que parecía tener solo un desajuste visual resultó ser contenido completamente inventado — ese hallazgo cambió mi proceso de verificación.
- Antes de reconstruir 35 pantallas desde cero, encontré una librería de producción madura ya existente — migrar en vez de rehacer evitó tirar trabajo probado.
Con qué se hizo
Ritmo del equipo
- 01Nunca reorganiza ni renombra contenido existente sin instrucción explícita.
- 02Prioriza siempre evidencia de producción sobre la suposición de diseño.
- 03Señala vacíos e inconsistencias para decisión del negocio en vez de resolverlos por su cuenta.