Saltar al contenido
Noor
  • Work
  • About
  • Contact
EN ES
Work About Contact
EN ES
© 2026 — NOOR v.1 MX · REMOTE
  • Product Design
  • Design Systems
  • Design Systems Engineering
  • Mobile-first

enVoz

2026 · Product Designer / Design Technologist

Sections
  1. 00 Contexto
  2. 01 El Desafío
  3. 02 Dirección de Producto
  4. 03 UX Flows y Estrategia
  5. 04 Design System y Tokenización
  6. 05 Implementación y Deployment
  7. 06 Key Takeaways
00 · Contexto

enVoz es una plataforma de noticias diseñada para el consumo continuo, donde el audio es el núcleo de la experiencia de usuario.

El flujo de navegación se inspira en la agilidad de los feeds modernos, permitiendo transiciones orgánicas entre el 'skimming' de noticias y la inmersión profunda en el contenido.

01 · El Desafío

Las interfaces de noticias convencionales priorizan la lectura, relegando el audio a una funcionalidad secundaria o un 'add-on'.

El reto consistió en subvertir esta jerarquía visual para crear un flujo centrado en el ritmo de escucha, sin sacrificar la legibilidad ni la claridad de la interfaz.

02 · Dirección de Producto

Definí un modelo de navegación secuencial basado en un feed de tarjetas dinámicas, donde el audio y el texto coexisten como capas integradas.

Esta arquitectura de información habilita tres estados de consumo: escaneo rápido, escucha activa y lectura profunda bajo demanda.

- Navegación gestual optimizada (gestures & micro-interactions)
- Sincronización híbrida de audio y texto en tiempo real
- Transiciones fluidas mediante 'shared element transitions' hacia vistas expandidas
- Arquitectura mobile-first con escalabilidad adaptativa a desktop

03 · UX Flows y Estrategia

Analicé patrones de interacción en productos de alto engagement para definir los principios de secuencia, ritmo y retención de la plataforma.

Traduje estos insights en flujos de usuario optimizados y una UI de alta fidelidad que funcionó como el 'single source of truth' para el alineamiento con stakeholders e inversionistas.

- User Research aplicado a principios de interacción de producto
- Arquitectura de flujos para exploración, playback y lectura
- Prototipado de alta fidelidad para validación de negocio y técnica

04 · Design System y Tokenización

Diseñé y documenté un sistema de componentes basado en Design Tokens, garantizando consistencia visual y eficiencia técnica en la paridad entre mobile y web.

Implementé una metodología atómica para escalar patrones complejos (cards, playlists, player) que aseguran una experiencia de marca cohesiva.

- Arquitectura de Design Tokens (color, tipografía, elevación, spacing)
- Lógica de componentes atómicos y patrones compuestos
- Sistema diseñado bajo principios de jerarquía visual y ritmo cognitivo

05 · Implementación y Deployment

Lideré la integración técnica del diseño en el frontend, puenteando la brecha entre diseño y código mediante el uso directo de tokens en la implementación.

El sistema resultante ha servido como la infraestructura base para la evolución del producto por equipos multidisciplinarios.

- Hand-off técnico vinculado directamente a variables de código
- Librería de componentes reutilizables y escalables
- Producto lanzado y operativo en entornos de producción

06 · Key Takeaways

Este proyecto reforzó mi capacidad para operar en la intersección del diseño y la ingeniería, demostrando que un sistema robusto es el mejor facilitador del crecimiento.

Adoptar un enfoque 'System-first' permitió reducir la fricción en el desarrollo y establecer una base sólida para futuras iteraciones del producto.

01 · El Desafío
02 · Dirección de Producto
03 · UX Flows y Estrategia
04 · Design System y Tokenización
05 · Implementación y Deployment
06 · Key Takeaways
Noor
Trabajo Sobre mí Contacto
© 2026 — NOOR v.1 Privacy Torreón, MX · REMOTE