Prosegur

2024

La historia detrás de tu tranquilidad

Hero proyecto Prosegur

Reto

Optimizar la UX en el Home de Prosegur para incrementar el número de conversiones y mejorar la percepción como líder tecnológico en soluciones de seguridad para el hogar y negocios.

Rol

Diseñador UX/UI - Creación de wireframes y prototipado.

Equipo

Project Manager, Product Designer, UX/UI Designer, Prosegur: PO y IT Lead.

Solución

Diseñé una nueva experiencia web escalable bajo Mobile-First, optimizando la jerarquía y el rendimiento en pantallas pequeñas antes de su adaptación a escritorio. El proyecto lo desarrollé respetando estrictamente los Guidelines globales de la casa matriz de Prosegur, logrando innovar a través de la creación de nuevos componentes clave como tarjetas (cards), pestañas, indicadores de progreso, botones más grandes y enlaces destacados.

Para garantizar un diseño limpio y minimalista, apliqué espacios profundos en blanco que eliminan el ruido visual y guían la navegación de forma natural. Asimismo, propuse el cambio tipográfico a Open Sans, logrando una jerarquización de títulos y reduciendo drásticamente el peso de la página.

Home Prosegur
Home Prosegur
Home Prosegur

La estrategia de contenido reemplazó el lenguaje corporativo por un storytelling centrado en el humano, utilizando recursos audiovisuales de alta calidad para explicar conceptos de seguridad de forma empática. Finalmente, organicé la oferta en paquetes sencillos y fáciles de entender para mitigar la confusión sobre los precios, optimizando la carga de assets para mantener un rendimiento técnico sobresaliente dentro de las limitaciones reales del CMS.

Home Prosegur
Home Prosegur
Home dispositivo móvil Prosegur

Proceso

Proceso proyecto Prosegur

Aprendizaje

Las restricciones de marca e infraestructura (CMS) no limitaron el diseño: impulsaron la innovación en microinteracciones y aseguraron que la propuesta visual se implementara al 100% en producción sin reprocesos.

El diseño impacta directamente en el performance: elegir fuentes ligeras optimizó la carga en móviles reduciendo el abandono, mientras que el espacio en blanco mejoró la escaneabilidad y la guía visual en la navegación.

Siguiente proyecto

H
A
a
r
e
r
r
e
H
s
é
r
d
n
A

Prosegur

2024

La historia detrás de tu tranquilidad

Hero proyecto Prosegur

Reto

Optimizar la UX en el Home de Prosegur para incrementar el número de conversiones y mejorar la percepción como líder tecnológico en soluciones de seguridad para el hogar y negocios.

Rol

Diseñador UX/UI - Creación de wireframes y prototipado.

Equipo

Project Manager, Product Designer, UX/UI Designer, Prosegur: PO y IT Lead.

Solución

Diseñé una nueva experiencia web escalable bajo Mobile-First, optimizando la jerarquía y el rendimiento en pantallas pequeñas antes de su adaptación a escritorio. El proyecto lo desarrollé respetando estrictamente los Guidelines globales de la casa matriz de Prosegur, logrando innovar a través de la creación de nuevos componentes clave como tarjetas (cards), pestañas, indicadores de progreso, botones más grandes y enlaces destacados.

Para garantizar un diseño limpio y minimalista, apliqué espacios profundos en blanco que eliminan el ruido visual y guían la navegación de forma natural. Asimismo, propuse el cambio tipográfico a Open Sans, logrando una jerarquización de títulos y reduciendo drásticamente el peso de la página.

Home Prosegur
Home Prosegur
Home Prosegur

La estrategia de contenido reemplazó el lenguaje corporativo por un storytelling centrado en el humano, utilizando recursos audiovisuales de alta calidad para explicar conceptos de seguridad de forma empática. Finalmente, organicé la oferta en paquetes sencillos y fáciles de entender para mitigar la confusión sobre los precios, optimizando la carga de assets para mantener un rendimiento técnico sobresaliente dentro de las limitaciones reales del CMS.

Home Prosegur
Home Prosegur
Home dispositivo móvil Prosegur

Proceso

Proceso proyecto Prosegur

Aprendizaje

Las restricciones de marca e infraestructura (CMS) no limitaron el diseño: impulsaron la innovación en microinteracciones y aseguraron que la propuesta visual se implementara al 100% en producción sin reprocesos.

El diseño impacta directamente en el performance: elegir fuentes ligeras optimizó la carga en móviles reduciendo el abandono, mientras que el espacio en blanco mejoró la escaneabilidad y la guía visual en la navegación.

Siguiente proyecto

a
r
e
r
r
e
H
s
é
r
d
n
A

Prosegur

2024

La historia detrás de tu tranquilidad

Hero proyecto Prosegur

Reto

Optimizar la UX en el Home de Prosegur para incrementar el número de conversiones y mejorar la percepción como líder tecnológico en soluciones de seguridad para el hogar y negocios.

Rol

Diseñador UX/UI - Creación de wireframes y prototipado.

Equipo

Project Manager, Product Designer, UX/UI Designer, Prosegur: PO y IT Lead.

Solución

Diseñé una nueva experiencia web escalable bajo Mobile-First, optimizando la jerarquía y el rendimiento en pantallas pequeñas antes de su adaptación a escritorio. El proyecto lo desarrollé respetando estrictamente los Guidelines globales de la casa matriz de Prosegur, logrando innovar a través de la creación de nuevos componentes clave como tarjetas (cards), pestañas, indicadores de progreso, botones más grandes y enlaces destacados.

Para garantizar un diseño limpio y minimalista, apliqué espacios profundos en blanco que eliminan el ruido visual y guían la navegación de forma natural. Asimismo, propuse el cambio tipográfico a Open Sans, logrando una jerarquización de títulos y reduciendo drásticamente el peso de la página.

Home Prosegur
Home Prosegur
Home Prosegur

La estrategia de contenido reemplazó el lenguaje corporativo por un storytelling centrado en el humano, utilizando recursos audiovisuales de alta calidad para explicar conceptos de seguridad de forma empática. Finalmente, organicé la oferta en paquetes sencillos y fáciles de entender para mitigar la confusión sobre los precios, optimizando la carga de assets para mantener un rendimiento técnico sobresaliente dentro de las limitaciones reales del CMS.

Home Prosegur
Home Prosegur
Home dispositivo móvil Prosegur

Proceso

Proceso proyecto Prosegur

Aprendizaje

Las restricciones de marca e infraestructura (CMS) no limitaron el diseño: impulsaron la innovación en microinteracciones y aseguraron que la propuesta visual se implementara al 100% en producción sin reprocesos.

El diseño impacta directamente en el performance: elegir fuentes ligeras optimizó la carga en móviles reduciendo el abandono, mientras que el espacio en blanco mejoró la escaneabilidad y la guía visual en la navegación.

Siguiente proyecto