PORTAFOLIO

Total Protect

TOTAL
PROTECT

UX / UI Design / Productive

Sitio web corporativo

Total Protect es un sitio web corporativo dise帽ado para presentar y comercializar soluciones de seguridad vehicular dirigidas a empresas con flotillas. El proyecto se centr贸 en traducir servicios t茅cnicos complejos en una experiencia digital clara, confiable y orientada a la conversi贸n.

Aunque el sitio actual ha evolucionado visualmente debido a cambios en la identidad de marca, este proyecto representa el proceso completo de UX/UI previo a su lanzamiento, incluyendo investigaci贸n, pruebas con usuarios y definici贸n estrat茅gica del producto digital.

NECESIDAD

Los tomadores de decisiones, esperan soluciones inmediatas y transparentes. Sin embargo, los servicios de seguridad vehicular no ofrecen claridad ni control visible, generando una desconexi贸n entre expectativas y experiencia.

LOS PROBLEMAS

OBJETIVO

ECOSISTEMA

Stakeholders

  • Direcci贸n comercial
  • Direcci贸n operativa
  • Equipo de marketing
  • Equipo de producto

Usuarios finales

  • Empresas con flotillas vehiculares
  • Tomadores de decisiones (directivos, operaciones, seguridad)

Mi rol UX&UI

  • Investigaci贸n de usuarios
  • Arquitectura de informaci贸n
  • Dise帽o de experiencia de usuario
  • Dise帽o de interfaz web
  • Pruebas de usabilidad

B煤squeda y descubrimiento

Se identific贸 que la b煤squeda de soluciones de seguridad vehicular suele estar motivada por situaciones de riesgo, p茅rdida o vulnerabilidad, lo que genera un estado emocional de estr茅s y urgencia.

Se detect贸 que los usuarios no solo buscan informaci贸n, sino certeza inmediata, control y una respuesta clara que reduzca su ansiedad.

INSIGHTS CLAVE

Se detect贸 que los usuarios requieren:

ESTRATEGIA UX

La estrategia se centr贸 en tres pilares:

Arquitectura

USER FLOW

WIREFRAMES

Se desarrollaron wireframes enfocados en:

  • Jerarqu铆a clara de informaci贸n
  • Lectura r谩pida
  • Estructura orientada a conversi贸n
  • Modularidad de contenidos

UI DESIGN

El dise帽o de interfaz se enfoc贸 en transmitir:

  • Confianza
  • Profesionalismo
  • Claridad


Se trabaj贸 en:

  • Tipograf铆a legible
  • Bloques de contenido estructurados
  • Uso estrat茅gico de espacios
  • Jerarqu铆a visual clara


Nota: La propuesta visual original evolucion贸 posteriormente debido a cambios en la identidad de marca, pero la base estrat茅gica y de experiencia se mantuvo como fundamento del producto.

PROTOTIPO

Se desarroll贸 un prototipo navegable que permit铆a simular la experiencia completa del sitio, validando la estructura de contenidos, los flujos de navegaci贸n y los puntos de conversi贸n. Esto facilit贸 iteraciones r谩pidas antes de su implementaci贸n.

PRUEBAS

Se realizaron pruebas con usuarios para evaluar la comprensi贸n del contenido, la navegaci贸n y la percepci贸n de confianza.

Los resultados mostraron que los usuarios pod铆an entender mejor los servicios cuando se presentaban en t茅rminos de beneficios y no de caracter铆sticas t茅cnicas. Tambi茅n se identific贸 que una estructura clara y progresiva facilita la toma de decisiones en entornos B2B.

RESULTADOS

El proyecto permiti贸 estructurar una base s贸lida para la comunicaci贸n digital de la empresa, facilitando la comprensi贸n de sus servicios y mejorando la experiencia de los usuarios.

A pesar de los cambios posteriores en la identidad visual, el trabajo de UX contribuy贸 a establecer una l贸gica clara de navegaci贸n, una arquitectura enfocada en conversi贸n y una narrativa alineada a las necesidades del cliente empresarial.

Key Learnings

La claridad es clave en servicios t茅cnicos

La confianza se construye desde la experiencia

La investigaci贸n con usuarios es fundamental en entornos B2B