Yves Rocher | Diseño y maquetación de plataforma de talento interno
En 2022, colaboré estrechamente con el departamento de Recursos Humanos de Yves Rocher en un proyecto estratégico: el diseño y desarrollo de una landing page para atraer talento, facilitar la publicación de vacantes y reforzar la imagen de marca empleadora.
Reto
El equipo de RRHH necesitaba una solución similar a Ifojob, pero propia e integrada al entorno digital de la marca. El objetivo era construir un espacio para mostrar ofertas laborales activas —tanto para tienda como para oficina—, potenciar el atractivo de la empresa como empleador y mejorar la experiencia de los candidatos durante su proceso de búsqueda.
Enfoque estratégico
El proyecto fue planteado en dos etapas:
Landing principal
Muestra todas las vacantes disponibles de forma clara y accesible.
Plantilla de detalle de oferta
Página individual para cada vacante, con CTA de registro y navegación fluida.
Además, propuse una arquitectura de información basada en tres pilares clave:
1. Conócenos – un vistazo a la filosofía y valores de la empresa.
2. Nuestra marca– destaca el compromiso medioambiental y la innovación vegetal.
3. Ofertas activas– – motor principal de conversión con una experiencia clara y y simplificada.
Proceso
El diseño se planteó siguiendo las pautas visuales del ecommerce oficial de Yves Rocher (colores, tipografías y estilo de UI), pero con mayor libertad creativa al tratarse de una landing independiente.
UI & Maquetación personalizada
Se aplicaron ajustes de interfaz que normalmente no eran posibles dentro del ecosistema global de la marca (controlado desde Francia), logrando una experiencia más cuidada, accesible y visualmente atractiva.
Diseño centrado en el usuario
Opté por una navegación simple, orientada a usuarios que acceden desde móvil o buscan empleo rápidamente. La información clave se presenta desde el primer momento, evitando pasos innecesarios.
Tecnologías utilizadas
HTML, CSS y JavaScript puros. No se emplearon frameworks para mantener una estructura ligera y de carga rápida.
Resultado
- Imagen de marca más sólida y coherente para atraer talento.
- Página alineada con identidad visual global pero con mejoras específicas de UX.
- Simplificación del proceso de aplicación, reduciendo fricciones.
- Aumento del interés en las ofertas desde su lanzamiento, facilitando procesos internos de selección.
Ver demo
Puedes visitar la versión demo de esta landing desde mi alojamiento personal
Acceder a la demo del proyecto aquí ➜Yves Rocher ❤
Cuando el diseño se pone al servicio de las personas, incluso buscar trabajo puede convertirse en una experiencia inspiradora.Natalia Marco