Deprisa

Deprisa es un operador de envíos y logística en Colombia. Rediseñé su sitio web trabajando directamente con el equipo de Deprisa, en un proyecto de 3 meses que se implementó al terminar. Mi rol fue UX, UI y QA.

La prioridad estuvo en los dos flujos que sostienen el negocio: enviar y rastrear. Alrededor de ellos, el sitio cubre servicios, recomendaciones de envío, atención al usuario y contenido institucional.

Lo que se envía cambia las reglas: nacional o internacional, tipo de mercancía, peso y dimensiones, cargas con manejo especial. Cada variante tiene condiciones propias y el sitio las tenía que comunicar sin ambigüedad.

Aquí un error no era solo una mala experiencia. Se convertía en desinformación para el usuario y en una posible demanda para la empresa. Por eso el trabajo fue, ante todo, cuidar la información.

Cómo lo abordé

QA

También hice el QA del sitio implementado, para que lo que llegó a producción respetara el diseño.

Cualquiera puede rastrear una guía desde el buscador, siempre visible en el encabezado. El resultado es una lista de guías: cada fila muestra el estado de un vistazo (ícono y texto), la ruta y la fecha, y se expande en un seguimiento paso a paso.

Decisiones de diseño

Estado primero. Ícono, texto y ruta ya están en la fila cerrada: se entiende dónde está el envío sin abrir nada.

Las incidencias no se esconden. Una desviación se marca con una etiqueta en el encabezado y se destaca en el seguimiento, con su resultado (por ejemplo, resuelta). El usuario ve qué pasó y qué se hizo.

Información protegida. Lo público es el estado. Lo personal, como destinatario y celular, queda detrás de una verificación.

Portal cliente: muchas guías a la vez

Para clientes con volumen, “Mis guías” permite pegar varias guías juntas (separadas por coma, espacio o Enter), verlas como chips, seleccionarlas y descargar los POD en lote. Los POD de envíos que aún no se entregan aparecen como “No disponible”.

Antes de enviar, la persona necesita saber cuánto cuesta, cuánto tarda, dónde entregar y qué se puede (o no) enviar. Diseñé esos cuatro momentos como un solo recorrido.

1. Cotizar

Un formulario para envío nacional o internacional con origen, destino, valor comercial, tipo de mercancía, peso y dimensiones. Para quien no sabe las medidas, tarjetas con tamaños comunes (sobre, caja pequeña, caja grande). El resultado habla de valor y tiempo estimados.

2. Hablar con una persona

Cuando hace falta apoyo, un modal pide solo los datos necesarios para que un asesor se comunique.

3. Saber qué se puede enviar

Las recomendaciones son la sección más grande del proyecto, cerca de la mitad de las pantallas, y donde más pesó el cuidado con la información. Los envíos con manejo especial se organizan en pestañas por tipo de carga (animales, perecederos, carga valiosa, restos humanos, armas), y cada una separa los aspectos a tener en cuenta de las prohibiciones, con el preregistro y los lineamientos en PDF a la mano. El peso volumétrico se explica con fórmula y un ejemplo resuelto.

Todo el sitio se diseñó en desktop, tablet y mobile. No se trata de achicar el desktop: en cada formato la información se reorganiza. El menú pasa a hamburguesa, el buscador de guía sigue a la vista y los resultados cambian de layout para seguir siendo legibles.

Gran parte de las pantallas son variaciones de plantillas de contenido en tres formatos, así que en vez de mostrarlas todas, este es el mapa del proyecto: 16 secciones en cuatro grupos. Las imágenes de este caso son del prototipo en Figma.