Volver al portfolio

THEMIS Dashboard RRHH: Inteligencia visual para la gestión integral del talento

Un centro de mando integral para monitorizar el talento, el rendimiento y las métricas clave de la plantilla, transformando datos complejos de personal en decisiones estratégicas y ágiles.

2017Adobe XDUX/UINamingDiseño de producto
THEMIS Dashboard RRHH: Inteligencia visual para la gestión integral del talento

El proceso de creación que une el branding (estrategia e identidad de marca) con el diseño de producto (UI/UX, arquitectura de la información y experiencia de usuario) es un viaje fascinante donde la esencia abstracta de una marca se convierte en una herramienta digital tangible, funcional y memorable.

Tomando como referencia proyectos complejos y sofisticados (como los dashboards de gestión o plataformas corporativas), este proceso se estructura habitualmente en 5 fases clave:

1. Investigación, Descubrimiento y Estrategia (Discovery & Strategy)

Antes de diseñar cualquier píxel o elegir un color, es necesario entender el "por qué" y el "para quién".

  • Auditoría y Benchmarking: Análisis del mercado, de la competencia y de las soluciones existentes para detectar carencias y oportunidades.

  • Definición del Target (Personas): Creación de perfiles de usuario (en este caso, profesionales de RRHH, directivos o empleados) para entender sus dolores (pain points), necesidades y flujos diarios de trabajo.

  • Propuesta de Valor: Definir qué hace único al proyecto y qué problema crítico resuelve.

2. Naming e Identidad de Marca (Branding & Verbal/Visual Identity)

Es el nacimiento de la personalidad del producto. Aquí se define cómo se llamará, cómo hablará y qué transmitirá.

  • Naming: Creación del nombre (como Themis, inspirado en la mitología de la justicia, el orden y la equidad), asegurando que sea memorable, fácil de pronunciar y esté disponible.

  • Identidad Verbal: Definición del tono de voz de la marca (cercano, corporativo, técnico, disruptivo).

  • Identidad Visual (Sistema de Marca):

    • Creación del logotipo y sus variantes.

    • Definición de la paleta de colores corporativa (que transmita confianza, orden y profesionalidad).

    • Selección tipográfica y creación de directrices de estilo (Brand Guidelines).

3. Arquitectura de Información y UX (Diseño de Producto)

Es el plano arquitectónico de la aplicación. Se traduce la estrategia de marca en flujos lógicos y estructuras navegables.

  • User Flows (Flujos de Usuario): Mapeo de cada paso que dará el usuario dentro de la plataforma (ej. desde que entra al dashboard hasta que aprueba una contratación o evalúa un rendimiento).

  • Wireframing: Bocetos en baja fidelidad (esqueletos en blanco y negro) para estructurar la distribución de la información, menús, tarjetas modulares y jerarquía visual sin distracciones estéticas.

4. UI Design y Prototipado (Interfaz de Usuario)

La magia visual: el momento en que el branding y el diseño de producto se fusionan.

  • Aplicación del Design System: Se vierte la identidad visual creada en el branding (colores, tipografías, estilos de botones, iconos) sobre los wireframes para darles vida.

  • Diseño de Interfaces (UI): Creación de dashboards limpios, atractivos y funcionales, priorizando la legibilidad de datos complejos (gráficos, tablas, métricas de turnover o rendimiento) y reduciendo la fatiga visual.

  • Diseño Responsive: Adaptación de las pantallas para diferentes dispositivos (desktop, tablets, móvil).

  • Prototipado Interactivo: Creación de prototipos en alta fidelidad (en herramientas como Figma) que simulan la experiencia real de uso con transiciones, estados de carga y clics funcionales.

5. Validación, Iteración y Handoff (Pruebas y Entrega)

La fase de control de calidad antes de que el producto llegue a desarrollo.

  • Testing con Usuarios: Pruebas de usabilidad para comprobar si el diseño es intuitivo y si los usuarios completan las tareas sin fricciones.

  • Iteración: Ajustes basados en el feedback real.

  • Handoff a Desarrollo (Frontend): Preparación de la documentación de diseño, exportación de recursos (assets, especificaciones de espacios, tokens de diseño) y entrega limpia a los desarrolladores para asegurar que el producto final sea 100% fiel al diseño conceptual y de marca.

💡 La Conclusión: ¿Por qué es inseparable este proceso?

Un gran branding atrae y genera confianza desde el primer impacto visual, pero un excelente diseño de producto es el que retiene al usuario, facilita su día a día y convierte una herramienta compleja en una experiencia fluida y eficiente. Cuando ambos mundos se alinean, la marca deja de ser solo un logotipo bonito para convertirse en una experiencia de uso inolvidable.

Ver proyecto