Xavier Fajardo's profile

Vendition Bridge: A case study

¿Qué es Vendition Bridge?
 Vendition Bridge permite a las empresas ver candidatos cuidadosamente seleccionados que se ajusten a sus necesidades, obtener información sobre sus habilidades no técnicas, ver entrevistas en video y buscar y programar entrevistas con candidatos sin problemas.
El reto
Vendition construyó una herramienta interna (en etapa de prototipo) para que sus clientes gestionaran tareas como la apertura de solicitudes y el manejo de candidatos. Sin embargo, el foco se puso únicamente en la funcionalidad del back-end. Si bien el código central y el framework se desarrollaron para funcionar correctamente, el diseño frontal y visual era básico, utilizando un framework Bootstrap estándar. Esto resultó en una experiencia de usuario (UX) limitada.
Ahí es donde yo entré en juego. Se me encargó revisar los flujos de trabajo clave y abordar las limitaciones de UX y UI. Tenía un plazo inicial de 3 meses para lograr un impacto significativo.
Auditoria 
Me puse manos a la obra con una auditoría exhaustiva de la experiencia de usuario (UX). Este análisis profundo me ayudó a identificar áreas que requerían atención inmediata. Prioricé las tareas utilizando etiquetas claras: "Acción urgente requerida", "Puede esperar por ahora" y "Funciona bien, no tocar". Este marco de trabajo práctico permitió al equipo priorizar de manera efectiva los esfuerzos de diseño y desarrollo durante el período de tres meses.
Comprendiendo los flujos de usuario
Cree algunos diagramas de flujo de usuario simples como una hoja de ruta de los pasos en el recorrido del usuario que necesitarían trabajo de diseño para una planificación eficiente.
Kit de UI
Diseñé un Kit de Interfaz de Usuario (UI Kit) completo en Figma que sentó las bases para un futuro Sistema de Diseño integral. Este sistema, de implementarse, podría reducir significativamente los costos de desarrollo.
Construí el UI Kit utilizando fundamentos sólidos de átomos y moléculas base. Estos elementos se diseñaron para escalar sin problemas a componentes complejos aprovechando las mejores prácticas como el anidamiento de componentes, el diseño automático siempre que fuera posible y la utilización de tokens de diseño. Este enfoque garantiza la coherencia y la eficiencia en los futuros esfuerzos de diseño y desarrollo.
Every high-fidelity mock-up delivered to development had three device breakpoints: Desktop (max-resolution), Tablet and mobile
Tema oscuro
¡Finalizamos todos los flujos de usuario que planeamos entregar mucho antes de lo previsto - ¡un par de semanas antes, de hecho! Con este tiempo adicional, decidimos aprovechar la investigación de usuarios e implementar una función muy solicitada: el tema oscuro. Los tokens de diseño que incorporamos en el UI Kit fueron fundamentales aquí. Me concentré en ajustar los valores de color para crear un tema oscuro accesible y compatible con los estándares.
Conclusiones
Este proyecto demuestra el poder transformador de priorizar la experiencia del usuario (UX) al inicio del proceso de desarrollo. Al centrarnos en las necesidades y los puntos débiles de los usuarios, pudimos mejorar significativamente la usabilidad y la eficiencia de la herramienta interna de reclutamiento de Vendition.
El éxito de este proyecto destaca el valor de un Kit de Interfaz de Usuario (UI Kit) bien diseñado y un Sistema de Diseño bien definido. Estas herramientas no solo garantizan la coherencia, sino que también agilizan los esfuerzos de desarrollo futuros, lo que podría ahorrarle a Vendition un tiempo y recursos significativos a la larga.
La implementación adicional de un tema oscuro demuestra aún más el compromiso del proyecto con las preferencias y la accesibilidad del usuario. En general, este proyecto sirve como una base sólida para que Vendition la desarrolle, fomentando una experiencia de reclutamiento más fácil de usar y eficiente para sus clientes.
Vendition Bridge: A case study
Published:

Owner

Vendition Bridge: A case study

Published:

Creative Fields