Saltar al contenido principal

Cómo PayFit hace la tecnología de RR. HH. sea accesible para todos a través del diseño

Cumplir con los cambios normativos siempre ha sido una tarea titánica en el sector de los recursos humanos. Y los retos se multiplicaron en 2020 con la introducción de nuevas políticas de teletrabajo, iniciativas de bienestar y planes de aprendizaje y desarrollo.

Para ayudar a los profesionales de la nómina a mantenerse a la vanguardia, la tecnología de recursos humanos debe ser adaptable, automatizada e intuitiva. Y para que eso suceda, los responsables de resolver problemas en los ámbitos de producto, diseño e ingeniería deben trabajar al unísono.

PayFit, con sede en París, lo ha logrado con éxito gracias a un enfoque innovador en el diseño y el desarrollo de productos que ha contribuido a que la empresa se convierta en una de las principales compañías unicornio de Francia con un rápido crecimiento de sus ingresos.

PayFit es una plataforma de software como servicio (SaaS) que ayuda a las microempresas y pymes a gestionar sus procesos de nómina y recursos humanos, y se ha diseñado desde cero para ser adaptable. Uno de los objetivos de la empresa es permitir que cualquier persona, sin ser un experto en recursos humanos o nóminas, pueda gestionar con facilidad la vida profesional de sus empleados. Esta era una tarea que requería un enfoque específico tanto desde el punto de vista del diseño como de la programación. Y ahí es donde Figma ayuda.

Hacer que los recursos humanos y la nómina sean fáciles para todosHacer que los recursos humanos y la nómina sean fáciles para todos
Facilitar las tareas de recursos humanos y nóminas a todo el mundo, sin necesidad de ser un experto en la materia, requiere un enfoque inteligente por parte de los diseñadores y desarrolladores.

El low-code como facilitador de la velocidad y la rapidez

Cuando crearon la empresa, los fundadores de PayFit querían que el producto fuera tan fácil de usar para los especialistas en recursos humanos y nóminas, que normalmente no tienen conocimientos de programación, como lo era para los desarrolladores, que no tienen experiencia en el ámbito de las nóminas.

Se les ocurrió una solución novedosa: un lenguaje de programación low-code llamado JetLang que separa la lógica empresarial del código utilizado para la ingeniería de software, al tiempo que permite que ambas piezas del rompecabezas prosperen. La plataforma JetLang de PayFit proporciona los elementos básicos para que alguien sin profundos conocimientos técnicos pueda adaptarse y ofrecer una experiencia que se ajuste a cualquier nueva normativa gubernamental de forma rápida y fluida.

“Por poner un ejemplo, cuando se introdujeron las nuevas regulaciones salariales relacionadas con la COVID, JetLang nos permitió actualizar nuestro producto en todos los países en solo unas semanas, a tiempo para la siguiente nómina de nuestros clientes”, afirma Eleonore de Lusignan, directora de diseño de la plataforma JetLang.

Una plataforma de diseño integral

Hasta ese momento, el equipo multidisciplinario de diseñadores de PayFit, que trabajaba en el diseño de productos, la creación de marcas, el diseño de contenidos, la investigación de usuarios y las operaciones de diseño, había utilizado Sketch, InvisionApp y Abstract para crear el producto. Pero en 2020, el equipo de diseño esperaba duplicar su tamaño, y cambiar entre diferentes herramientas se volvió aún más complicado con los equipos trabajando de forma remota. Necesitaban algo que pudieran utilizar de principio a fin.

“Figma se ajusta más a nuestras expectativas en cuanto a precios, y necesitábamos una solución que ofreciera una experiencia más fluida a nuestro equipo, distribuido entre Francia y otros países, ya que todos trabajábamos de forma totalmente remota debido a la COVID”, afirma Eleonore. “Es la mejor manera de garantizar una experiencia de usuario coherente en todos los puntos de contacto”.

Al cambiar a Figma, no solo encontraron una herramienta que satisfacía todas sus necesidades y permitía a todas las partes interesadas contribuir en tiempo real, sino que también obtuvieron un mayor control sobre el uso de los componentes y las plantillas, y una mayor coherencia en la implementación de los diseños en JetLang.

El escritor UX de PayFit X creador de productos en FigmaEl escritor UX de PayFit X creador de productos en Figma
El escritor UX de PayFit X creador de productos en Figma

“El equipo decidió crear una biblioteca Figma dedicada a componentes que replicaran lo que los desarrolladores de productos podían implementar en JetLang”, explica Eleonore. Esto les animó a seguir las directrices de UX, mejoró la coherencia y permitió a PayFit probar de forma más fluida experiencias híbridas que utilizaban tanto código fullstack como JetLang low-code.

“El impacto es inmenso”, dice el diseñador de productos Francis Gading. “Gracias a Figma, las revisiones de diseño asincrónicas son mucho más fáciles ahora. Los constructores de productos de JetLang colaboran fácilmente con nuestros diseñadores de contenido al mejorar y validar los nuevos flujos de usuario, antes de avanzar con una sesión de usabilidad en un entorno de prueba de JetLang utilizando datos reales de clientes”.

“En última instancia, ahorramos tiempo revisando el trabajo que se implementará en low-code, al tiempo que nos aseguramos de que nuestra app sea fácil de usar y ofrezca una experiencia más agradable a nuestros clientes”.

La experiencia de la ranura de la plataforma JetLang en Figma

Creación de experiencias de usuario encantadoras

Más allá del desarrollo de productos, PayFit ha utilizado Figma para mantener la coordinación entre otros departamentos y ha demostrado el valor de la plataforma entre grupos que tradicionalmente no se habrían considerado “diseñadores”.

«Desde que empezamos a utilizar Figma, la mitad de nuestros editores han sido “no diseñadores” de nuestros equipos de marca y contenido. Tuvimos que adoptar este enfoque y crear material de incorporación que fuera independiente para nuestros usuarios, independientemente de su formación», afirma la diseñadora de marca Chloé Batiot. “La herramienta era nueva para todos, especialmente para los no diseñadores, por lo que creamos un folleto interactivo de incorporación a Figma para explicar los conceptos básicos, creamos un centro de directrices de marca y también migramos toda nuestra biblioteca del sistema de diseño a Figma”.

Biblioteca del sistema de marca/biblioteca del sistema de diseño de PayfitBiblioteca del sistema de marca/biblioteca del sistema de diseño de Payfit
Midnight: biblioteca del sistema de marca/biblioteca del sistema de diseño de Payfit

Uno de los resultados de esta democratización del diseño es que PayFit ha creado plantillas de diseño fácilmente modificables para poder adaptar el diseño a la marca, el contenido y el marketing sin tener que depender del equipo de diseño principal.

Además, ha mejorado la coordinación entre los diferentes departamentos de la empresa.

“En lo que respecta a la experiencia del cliente, antes de Figma no utilizábamos los mismos componentes tanto en nuestro sitio web de adquisición como en nuestro producto”, afirma Sylvie Nguyen, diseñadora de productos del sistema de diseño. “Ahora, gracias a las bibliotecas de Figma, estamos reestructurando nuestros componentes para compartirlos entre las diferentes experiencias. Este ya es el caso de nuestra biblioteca de ilustraciones, que se comparte entre la marca y el producto. El objetivo es facilitar la transición del cliente al producto. El hecho de que todo esté en Figma nos permite crear prototipos y trabajar entre dos equipos”.

Biblioteca de ilustraciones de PayfitBiblioteca de ilustraciones de Payfit
Biblioteca de ilustraciones de Payfit

Consistencia y autonomía para 450 usuarios

A principios de 2023, PayFit contaba con más de 100 editores de Figma y 350 espectadores en Francia, Reino Unido y España, y la empresa había experimentado una mejora en la colaboración, la productividad y la coherencia. “Ya sea en diseño, producto, ingeniería o marketing, todos pueden trabajar a la perfección en Figma con un entendimiento común de su área de producto y la visión de la empresa”, afirma Eleonore.

El impacto económico total de Figma

Este informe de Forrester muestra cómo los equipos están utilizando Figma y FigJam para acelerar sus flujos de trabajo, consolidar su pila de diseño y crear mejores productos.

Leer informe

Descubre cómo Figma puede ayudarte a escalar el diseño

Un gran diseño tiene el potencial de hacer que tu producto y marca se diferencien del resto. Sin embargo, las grandes cosas se hacen en colaboración. Figma reúne a los equipos de producto en un flujo de trabajo de diseño rápido y más inclusivo.

Comunícate con nosotros para obtener más información sobre cómo Figma puede ayudar a las empresas a escalar el diseño.

Te explicaremos cómo Figma puede ayudarte en lo siguiente:

  • Reunir en un solo lugar todas las etapas del proceso de diseño: desde la concepción de las ideas hasta la creación y el desarrollo de los diseños.
  • Acelerar los flujos de trabajo de diseño con sistemas de diseño compartidos en toda la empresa.
  • Fomentar la inclusión en el proceso del equipo de producto con productos basados en la web, accesibles y fáciles de usar.

Comunícate con nuestro equipo

Al hacer clic en “Enviar”, aceptas nuestros Términos de servicio y la Política de privacidad.