crehana

app redesign

crehana

app redesign

crehana

app redesign

04

crehana

APP DESIGN

Crehana evolucionó de ser una plataforma orientada exclusivamente al aprendizaje B2C a consolidarse como un software integral de HR Tech / HRIS para empresas. Esta transición exigió transformar la aplicación móvil para alojar no solo módulos de desarrollo de talento, sino una suite completa de gestión humana .

Crehana evolucionó de ser una plataforma orientada exclusivamente al aprendizaje B2C a consolidarse como un software integral de HR Tech / HRIS para empresas. Esta transición exigió transformar la aplicación móvil para alojar no solo módulos de desarrollo de talento, sino una suite completa de gestión humana .

Role:

Senior Product Designer

Company:

Crehana, HR Platform

Company:

Project for a MicroDegree in UX Design

Timeline:

2025/2026

Contexto y pains

Navegación y Arquitectura Limitada:
La app estaba diseñada únicamente para consumir cursos y rutas de aprendizaje. Al expandir el producto a una suite de HRIS, la interfaz colapsó en escalabilidad: no existía un espacio intuitivo ni modular para alojar los nuevos módulos de gestión del talento.

Navegación y Arquitectura Limitada:
La app estaba diseñada únicamente para consumir cursos y rutas de aprendizaje. Al expandir el producto a una suite de HRIS, la interfaz colapsó en escalabilidad: no existía un espacio intuitivo ni modular para alojar los nuevos módulos de gestión del talento.

Inconsistencia Visual:
La app operaba en un Dark Mode rígido que no conversaba con la versión Web/Desktop ni con los Foundations del nuevo Design System , fragmentando la experiencia de producto y la identidad visual.

Inconsistencia Visual:
La app operaba en un Dark Mode rígido que no conversaba con la versión Web/Desktop ni con los Foundations del nuevo Design System , fragmentando la experiencia de producto y la identidad visual.

Objetivos del rediseño

🔍

Arquitectura de Información Escalable:

Rediseñar la interfaz principal (Home) para soportar un ecosistema modular de HR Tech.

📝

Alineación al Design System & White-Label:

Trasladar los fundamentos visuales (foundations, tokens, accesibilidad WCAG) y la capacidad de personalización multi-marca (White-Label) a la experiencia móvil.

Alineación al Design System & White-Label:

Trasladar los fundamentos visuales (foundations, tokens, accesibilidad WCAG) y la capacidad de personalización multi-marca (White-Label) a la experiencia móvil.

🧑🏻

Experiencia de Colaborador Centralizada:

Crear un dashboard personalizado con accesos directos para que el usuario gestione su día a día en un solo lugar.

Experiencia de Colaborador Centralizada:

Crear un dashboard personalizado con accesos directos para que el usuario gestione su día a día en un solo lugar.

🎨

Librería de App dedicada:

Crear componentes móviles reutilizables para diseñar más rápido y mantener la misma línea que la web.

Librería de App dedicada:

Crear componentes móviles reutilizables para diseñar más rápido y mantener la misma línea que la web.

La propuesta

Home Modular (Mi Espacio)

A diferencia de la versión anterior (centrada únicamente en seguir viendo cursos), diseñamos Mi Espacio como el centro de control diario del colaborador. Reúne acciones rápidas, métricas e información clave en un solo vistazo:

A diferencia de la versión anterior (centrada únicamente en seguir viendo cursos), diseñamos Mi Espacio como el centro de control diario del colaborador. Reúne acciones rápidas, métricas e información clave en un solo vistazo:

  • Accesos directos accionables: Atajos rápidos a los módulos activos del cliente para ejecutar tareas en un par de taps (ej. publicar en Comunidad o solicitar Tiempo Libre).

  • Widget de Asistencia: Marcación rápida de entrada y salida integrada en la cabecera para facilitar el registro diario.

  • Noticias y Beneficios destacados: Tarjetas dinámicas que promocionan novedades e incentivos clave, redirigiendo al usuario directamente al módulo correspondiente.

  • Feed de Comunidad: Muestra el último post de la empresa en la pantalla principal para fomentar el engagement y la interacción entre equipos.

  • Sección de Pendientes (To-Do List de Módulos): Un bloque prioritario que centraliza las tareas que requieren la acción inmediata del colaborador o mánager (ej. aprobar solicitudes de vacaciones, firmar documentos pendientes o responder encuestas de clima).

  • Accesos directos accionables: Atajos rápidos a los módulos activos del cliente para ejecutar tareas en un par de taps (ej. publicar en Comunidad o solicitar Tiempo Libre).

  • Widget de Asistencia: Marcación rápida de entrada y salida integrada en la cabecera para facilitar el registro diario.

  • Noticias y Beneficios destacados: Tarjetas dinámicas que promocionan novedades e incentivos clave, redirigiendo al usuario directamente al módulo correspondiente.

  • Feed de Comunidad: Muestra el último post de la empresa en la pantalla principal para fomentar el engagement y la interacción entre equipos.

  • Sección de Pendientes (To-Do List de Módulos): Un bloque prioritario que centraliza las tareas que requieren la acción inmediata del colaborador o mánager (ej. aprobar solicitudes de vacaciones, firmar documentos pendientes o responder encuestas de clima).

Creación de la Librería Mobile

Creación de la Librería Mobile

Para garantizar la máxima calidad en patrones de interacción nativos (touch targets, bottom sheets, gestos y navegación):

Para garantizar la máxima calidad en patrones de interacción nativos (touch targets, bottom sheets, gestos y navegación):

  • Mismos Foundations, Componentes Nativos: Creamos una librería de componentes exclusiva para App que hereda los Foundations y Tokens globales (color, tipografía, espaciados), asegurando coherencia total con la Web.

  • Estandarización de Interacción: Unificamos botones, campos de entrada, empty states y componentes modulares bajo guías claras para diseño y desarrollo mobile.

  • Mismos Foundations, Componentes Nativos: Creamos una librería de componentes exclusiva para App que hereda los Foundations y Tokens globales (color, tipografía, espaciados), asegurando coherencia total con la Web.

  • Estandarización de Interacción: Unificamos botones, campos de entrada, empty states y componentes modulares bajo guías claras para diseño y desarrollo mobile.

Soporte White-Label

El mismo motor que Desktop en Mobile: 

Para esta primera versión enfocada 100% en el colaborador, la app consume automáticamente la identidad configurada por la empresa en la plataforma Web.

  • Arquitectura con Tokens de Tema (Theming Tokens): 

Implementamos tokens dinámicos en la App Library, garantizando que los cambios de marca se apliquen en toda la interfaz sin romper la accesibilidad ni el contraste (WCAG AA).

El mismo motor que Desktop en Mobile: 

Para esta primera versión enfocada 100% en el colaborador, la app consume automáticamente la identidad configurada por la empresa en la plataforma Web.

  • Arquitectura con Tokens de Tema (Theming Tokens): 

Implementamos tokens dinámicos en la App Library, garantizando que los cambios de marca se apliquen en toda la interfaz sin romper la accesibilidad ni el contraste (WCAG AA).

Ecosistema de módulos

Ecosistema de módulos

Rediseñamos los flujos clave para acompañar al colaborador en cada etapa de su jornada:

Rediseñamos los flujos clave para acompañar al colaborador en cada etapa de su jornada:

Tiempo Libre

Comunidad

Documentos

Mis Cursos & Rutas de Aprendizaje

Crehana AI

Evaluaciones de Clima

Tiempo Libre

Solicita tu tiempo libre en segundos

Un flujo ágil para consultar días disponibles, solicitar permisos en segundos y hacer seguimiento del estado de cada solicitud.

Un flujo ágil para consultar días disponibles, solicitar permisos en segundos y hacer seguimiento del estado de cada solicitud.

Experiencia para Líderes (Aprobaciones): La app identifica el rol del usuario y activa la pestaña de Aprobaciones/Solicitudes del equipo, permitiendo a managers revisar el detalle, aprobar o denegar permisos con un solo tap.

Experiencia para Líderes (Aprobaciones): La app identifica el rol del usuario y activa la pestaña de Aprobaciones/Solicitudes del equipo, permitiendo a managers revisar el detalle, aprobar o denegar permisos con un solo tap.

comunidad

Conecta y comparte con tu equipo

Conecta y comparte

con tu equipo

Espacio social donde tanto la empresa como los colaboradores pueden crear publicaciones y sumarse a canales de discusión por afinidades e intereses, fortaleciendo la cultura interna.

Espacio social donde tanto la empresa como los colaboradores pueden crear publicaciones y sumarse a canales de discusión por afinidades e intereses, fortaleciendo la cultura interna.

Canales temáticos por afinidad: Espacios dedicados (ej. Amantes de las plantas) para conectar con colegas más allá del trabajo diario.

Creación de contenido rica: Formato flexible para publicar texto, imágenes, enlaces y formatear ideas en pocos taps.

Interacción y cultura viva: Feed con reacciones, comentarios en hilo y notificaciones para mantener la conversación activa.

Canales temáticos por afinidad: Espacios dedicados (ej. Amantes de las plantas) para conectar con colegas más allá del trabajo diario.

Creación de contenido rica: Formato flexible para publicar texto, imágenes, enlaces y formatear ideas en pocos taps.

Interacción y cultura viva: Feed con reacciones, comentarios en hilo y notificaciones para mantener la conversación activa.

documentos

Toda la información clave de tu empresa, en tiempo real

Toda la información clave de tu empresa,

en tiempo real

Módulo dedicado a consultar comunicados oficiales, políticas internas y gestionar documentos normativos de la organización desde un solo lugar.

Módulo dedicado a consultar comunicados oficiales, políticas internas y gestionar documentos normativos de la organización desde un solo lugar.

Gestión de pendientes y firmas: Centraliza tareas prioritarias como firmas de contratos, actualización de datos o lecturas obligatorias con fechas límite claras.

Estructura por carpetas y archivos: Organización intuitiva por categorías (ej. Contratación, Inspecciones) con barras de progreso de completitud.

Firma digital integrada: Visor nativo con controles de zoom y flujo ágil para revisar y firmar documentos legales en pocos taps.

Mis Cursos & Rutas de Aprendizaje

Tu desarrollo profesional, a tu propio ritmo

Conecta y comparte

con tu equipo

Adaptamos el ecosistema histórico de aprendizaje a la nueva arquitectura del Design System. Rediseñamos desde el catálogo principal con filtros de progreso (En progreso, Asignados, Obligatorios), hasta las fichas detalladas de curso y las rutas de formación guiadas con seguimiento de metas y certificación.

Experiencia de curso unificada: Organización por estados, fichas de contenido estructuradas y acceso rápido al reproductor.

Rutas de formación guiadas: Seguimiento paso a paso del progreso, fechas límite y criterios para completar certificaciones.

Crehana ai

Tecnología que se siente humana

Toda la información clave de tu empresa,

en tiempo real

Asistencia inteligente en tiempo real para resolver dudas sobre procesos internos de la empresa y potenciar la productividad.

Asistencia inteligente en tiempo real para resolver dudas sobre procesos internos de la empresa y potenciar la productividad.

Soporte instantáneo: Resuelve consultas operativas (saldo de vacaciones, permisos y políticas) sin necesidad de abrir un ticket de RRHH.

Experiencia guiada: Combina entradas de texto libre con prompts sugeridos para facilitar la interacción de cualquier usuario.

Evaluaciones de Clima

Tu voz impulsa la cultura de la empresa

Conecta y comparte

con tu equipo

El primer módulo de Talento adaptado 100% a la app, permitiendo a los colaboradores responder encuestas de clima y eNPS de forma rápida, accesible.

Centralización de encuestas: Tablero organizado por evaluaciones pendientes y cerradas con indicadores de fecha límite y estado.
Experiencia de respuesta optimizada: Formatos adaptables (selección única, escalas NPS numéricas de 0 a 10 y campos de texto abierto) diseñados para interacción táctil.
Navegación guiada: Flujo paso a paso con barra de progreso, contador de preguntas y guardado automático para evitar pérdida de información.

crehana design system

crehana ds

Did you love

what you saw here?

Did you love

what you saw here?

Drop me a line!

Drop me a line!

Copyright © 2026 Raquel Sedano. All Rights Reserved.

Did you love

what you saw here?

A quick look into my experience, skill set,

and background.

Copyright © 2026 Raquel Sedano. All Rights Reserved.