Cúnico | Diseño Cúnico | Diseño
  • Portfolio
  • Nosotros
  • Servicios
  • Contacto
Caso de estudio

Sitio web · Research y UX/UI

Contratados

Un sitio para que las personas trabajadoras migrantes busquen empleadores, compartan su experiencia y conozcan sus derechos.

Cliente
Centro de los Derechos del Migrante (CDM)
Categorías
UX | UIResearch
Rol
Research, UX y diseño visual
Plataforma
Web responsive, mobile first
Contratados: pantalla Encuentra, búsqueda de empleadores
Contratados: perfil de un empleador con reseñas
Contratados: formulario para dejar una reseña

Contexto

El proyecto

El contexto

Contratados es el sitio del Centro de los Derechos del Migrante donde las personas pueden verificar a empleadores y reclutadores, leer y dejar reseñas, y conocer sus derechos laborales. En 2022, el CDM y Research Action Design emprendieron su rediseño de forma abierta y colaborativa, integrándolo con las otras herramientas de la organización: Sol y El Portal Migrante.

El research lo realizamos junto a Eduardo Mercovich y Camila del Rio. Sitio desarrollado por Research Action Design; diseño visual y apoyo de UX por Cúnico.

Qué pedía el proyecto

  • Un sitio accesible y pensado primero para el celular.
  • Un buscador ágil, con alta jerarquía.
  • Datos de empleadores fáciles de leer y de interpretar.
  • Una lectura general simple y rápida.
Descubrimiento

Research

Combinamos trabajo con la comunidad, observación de otros servicios y pruebas con personas usuarias, siempre junto al equipo del CDM.

01

Personas usuarias

Cuatro grupos prioritarios: trabajadores migrantes, trabajadores potenciales, aliados y organizaciones, y personal del CDM. La mayoría se comunica por WhatsApp y Facebook Messenger.

02

Benchmark

Analizamos Glassdoor, Fairygodboss, Airbnb y otros sitios de reseñas y de derechos laborales para estudiar sus páginas y componentes.

03

Co-diseño

Sesiones con el equipo y la comunidad del CDM para decidir estilo visual, paleta y navegación entre los tres sitios.

04

Test de usabilidad

Prueba formativa desde el celular con 5 personas, 3 trabajadores y 2 aliados, para comparar dos conceptos de interacción.

Partitura de interacción PIX de la búsqueda de empleadores
Partitura de interacción (PIX) de la búsqueda de empleadores: lo que hace y siente la persona, y lo que responde el sistema.
Síntesis

Hallazgos

Del research y del análisis de sitios existentes salieron las decisiones que ordenaron el diseño.

  • Usar categorías, temas y filtros para buscar empleadores o contenidos.
  • Seguir una estructura similar a la de las redes sociales más usadas, para que la navegación sea familiar.
  • Dar al buscador la mayor jerarquía.
  • Acompañar los llamados a la acción con íconos.
  • Cuidar el peso de las imágenes en la página de inicio.
  • Explicar que las reseñas son anónimas y que se revisa su contenido.

Tres ideas rectoras

  • Trabajar y sentirse como en casa: el hogar como sitio seguro y de apoyo.
  • Identidad: formas dinámicas y símbolos que remiten a la cultura.
  • Respaldo: lectura ligera, pasos a seguir y colores cálidos.
Diseño visual

Decidir en conjunto

Presentamos cinco opciones de estilo visual y las votamos con el equipo del CDM en sesiones de co-diseño.

Opción visual 1
Opción 1
Opción visual 2
Opción 2 · base final
Opción visual 3
Opción 3
Opción visual 4
Opción 4
Opción visual 5
Opción 5

Del acuerdo al manual de estilo

Lo que se decidió en conjunto quedó documentado en un manual de estilo para el sistema de diseño: paleta, tipografía y componentes.

Naranja principal

  • #F55B06
  • #F3712A
  • #EC864E
  • #F09F72
  • #F6C6AA
  • #FDDECD

Verde secundario

  • #99CFB7
  • #8ABBA5
  • #759D8B
  • #5C8070
  • #466256
  • #384A42

Complementarios

  • #FFEABC
  • #FFD270
  • #FFBA24

Escala tipográfica

  • H1Black · 48 px
  • H2Bold · 40 px
  • H3Medium · 32 px
  • H4Bold · 24 px
Diseño final

Las pantallas

Tres acciones principales (buscar, reseñar y conocer los derechos), con fondos claros, mucho aire y color cálido en los llamados a la acción.

Encuentra: búsqueda

Encuentra

Un buscador protagonista para empleadores, reclutadores y agencias.

Resultados de búsqueda

Resultados

Tarjetas con tipo de actor, valoración y acceso directo a dejar una reseña.

Perfil del empleador

Perfil del empleador

Reseñas resumidas por estrellas y secciones para recorrer su información.

Formulario de reseña

Reseña

Un formulario en tres pasos: completar, previsualizar y enviar.

Conoce tus derechos: temas

Conoce tus derechos

Los temas se organizan en categorías con íconos y color propio, para llegar rápido a la información que cada persona necesita.

Un sitio simple, accesible y pensado desde el celular. Construido con las personas que lo van a usar.