Rediseñando ePak: de un Frankenstein comercial a un productoRedesigning ePak: from a commercial patchwork into a product
ePak es la plataforma de envíos de OCA, el operador logístico privado más importante de Argentina. Nació y creció con lógica puramente comercial y de post-venta: sin una visión de diseño centrada en el usuario, se volvió un conjunto de funcionalidades fragmentadas, interfaces obsoletas y flujos poco intuitivos. El rediseño arrancó por entender a quién le servía.ePak is the shipping platform of OCA, the largest private logistics operator in Argentina. It was born and grew on purely commercial and after-sales logic: with no user-centred design vision, it became a set of fragmented features, obsolete interfaces and unintuitive flows. The redesign started by understanding who it served.
RolRole
Sr. Product Designer
TipoType
Plataforma B2BB2B platform
AlcanceScope
Cotización, despacho, tracking, design systemQuoting, dispatch, tracking, design system
PlataformasPlatforms
Web responsiveResponsive web
EquipoTeam
Producto, tecnología y operacionesProduct, engineering and operations
Generando resumen…Generating summary…
Rediseño de ePak, la plataforma de envíos B2B de OCA, de un sistema crecido por pedidos comerciales a un producto.Redesign of ePak, OCA’s B2B shipping platform, from a system grown out of sales requests into a product.
La unidad del sistema pasó a ser el envío y no la orden: número de seguimiento visible y estados en palabras, no en porcentajes.The system’s unit became the shipment rather than the order: visible tracking number and statuses in words, not percentages.
El alta de un envío es un flujo de cinco pasos con resumen permanente y las tres modalidades de entrega, incluidos SmartLockers.Creating a shipment is a five-step flow with a permanent summary and all three delivery options, including SmartLockers.
Se construyó un design system propio —tokens, componentes e iconografía— entregado junto con el producto.A proprietary design system — tokens, components and iconography — was built and delivered alongside the product.
Generado a partir del contenido de este caso. Puede omitir matices: el detalle completo está más abajo.Generated from this case’s own content. It may miss nuance — the full detail is below.
01 — Métricas objetivo01 — Target metrics
Estimadas, no medidasEstimated, not measured
−40%relativorelative
Consultas a atención por estado de envíoSupport tickets about shipment status
<90 sobjetivotarget
De cotizar a despacharFrom quote to dispatch
−30%relativorelative
Envíos con datos mal cargadosShipments with bad data
+25%relativorelative
Despachos autogestionadosSelf-service dispatches
5entrevistasinterviews
Personas usuarias de distintos rubrosUsers across different industries
02 — Enfoque02 — Approach
El contextoThe context
OCA lidera el mercado de correo y logística ligera hace más de 50 años, con una red que conecta a Mercado Libre, Adidas, Telefónica y BBVA, y tecnología reciente como los Smartlockers (PUDO) para la última milla.OCA has led the mail and light-logistics market for over 50 years, with a network connecting Mercado Libre, Adidas, Telefónica and BBVA, and recent technology such as Smartlockers (PUDO) for the last mile.
El problemaThe problem
ePak creció por pedidos comerciales, no por diseño: dependencia total del post-venta, estados encriptados, número de seguimiento oculto, ordenamiento por órdenes en lugar de envíos y asistencia repartida en plataformas paralelas.ePak grew out of sales requests, not design: total dependence on after-sales, cryptic statuses, a hidden tracking number, sorting by orders instead of shipments, and support scattered across parallel platforms.
La apuestaThe bet
Volver a fundar el producto sobre sus dos usuarias reales, un diagnóstico heurístico del sistema viejo y un design system propio que le devuelva consistencia visual y técnica.Re-found the product on its two real users, a heuristic audit of the old system, and a proprietary design system that gives back visual and technical consistency.
03 — Personas usuarias03 — User personas
Dos perfiles, un mismo productoTwo profiles, one product
El servicio lo usan dos tipos de personas separadas por un orden de magnitud en volumen. Cada decisión del rediseño tuvo que servir a las dos escalas: la que despacha de a uno y la que despacha de a miles.The service is used by two kinds of people separated by an order of magnitude in volume. Every redesign decision had to serve both scales: the one shipping one at a time and the one shipping by the thousand.
Perfil 01Profile 01Bajo volumenLow volume
PymesSMBs
Emprendedores y emprendedoras de comercios chicos con bajo volumen de envíos. Despachan ellos mismos, entre atender el local y preparar los paquetes.Owners of small shops with low shipping volume. They dispatch themselves, between serving the shop and packing the parcels.
< 2.000envíos por messhipments per month
Cotizar rápidoQuote fast
Despachar soloDispatch alone
Saber dónde estáKnow where it is
Perfil 02Profile 02Alto volumenHigh volume
Grandes empresasLarge companies
Personas responsables de logística, postventa, etiquetado y empaquetado. Operan en equipo, con procesos propios y su propia cadena de responsabilidades.People in charge of logistics, after-sales, labelling and packing. They work as a team, with their own processes and their own chain of responsibility.
~ 20.000envíos por messhipments per month
Carga masivaBulk upload
EtiquetadoLabelling
Cuentas multi-usuarioMulti-user accounts
TrazabilidadTraceability
04 — Diagnóstico del sistema anterior04 — Audit of the previous system
Auditoría de la plataforma viejaAudit of the old platform
Relevamos la plataforma pantalla por pantalla. El historial ordenaba por órdenes y no por envíos, el número de seguimiento estaba oculto, los estados se mostraban como porcentajes y ver el detalle de un envío obligaba a recorrer varias ventanas. La página principal mezclaba jerarquías con funcionalidades desactivadas y obsoletas, y la carga masiva dependía de una planilla Excel que cambiaba de versión.We audited the platform screen by screen. History sorted by orders rather than shipments, the tracking number was hidden, statuses were shown as percentages, and seeing one shipment meant walking through several windows. The main page mixed hierarchies with disabled and obsolete features, and bulk upload depended on a spreadsheet whose version kept changing.
Página principal: ocho modalidades al mismo nivel, sin jerarquía, con la acción destructiva como la más visible.Main page: eight services at the same level, no hierarchy, with the destructive action as the most visible one.Historial: estados en porcentajes con leyenda al pie, orden por número de orden y el número de envío ausente.History: statuses as percentages with a legend at the foot, sorted by order number, and the shipment number missing.
01 · Historial01 · History
Estado encriptadoCryptic status
Los estados se mostraban como porcentajes —P, D, E, NE— con la leyenda al pie de la tabla. Había que traducir la pantalla antes de leerla.Statuses were shown as percentages — P, D, E, NE — with the legend at the foot of the table. You had to translate the screen before reading it.
02 · Historial02 · History
Número de seguimiento ocultoHidden tracking number
El listado ordenaba por número de orden y el número de envío, el único dato que el cliente final pide, no aparecía.The list sorted by order number, and the shipment number — the one thing the end customer asks for — was nowhere to be seen.
03 · Detalle de envío03 · Shipment detail
Navegación en ventanasWindow-based navigation
Ver los datos de un envío obligaba a recorrer pantallas sueltas: orden de retiro, detalle de piezas y detalle de paquete, cada una en su ventana.Seeing one shipment meant walking through loose screens: pickup order, item detail and package detail, each in its own window.
04 · Página principal04 · Main page
Jerarquías planasFlat hierarchies
Ocho modalidades al mismo nivel visual, con funcionalidades desactivadas u obsoletas y la acción destructiva —cancelar envíos— como la más llamativa.Eight services at the same visual level, with disabled or obsolete features and the destructive action — cancelling shipments — as the most eye-catching.
05 · Carga de datos05 · Data upload
Carga masiva invasivaIntrusive bulk upload
El alta por lotes dependía de bajar una planilla Excel, completarla sin comas ni comillas y volver a subirla, con avisos de cambio de versión.Bulk upload depended on downloading a spreadsheet, filling it in without commas or quotes, and uploading it again, with version-change notices along the way.
06 · Soporte06 · Support
Dependencia del post-ventaDependence on after-sales
Instructivos y asistencia sincrónica repartidos en plataformas paralelas: el producto no se explicaba solo, lo explicaba una persona.Manuals and live support scattered across parallel platforms: the product did not explain itself, a person explained it.
05 — Research
Tres técnicasThree methods
Aplicamos tres técnicas para pasar del síntoma a la oportunidad. Más que probar la plataforma, queríamos entender qué necesidades logísticas tenían las personas usuarias con respecto a nuestros servicios.We applied three methods to move from symptom to opportunity. More than testing the platform, we wanted to understand what logistics needs our users had around our services.
01
Benchmark
Analizamos competencia directa e indirecta, relevando comportamientos, patrones, contenidos y funcionalidades.We analysed direct and indirect competitors, surveying behaviours, patterns, content and features.
Dónde había oportunidades, qué era estándar y dónde el producto podía fortalecerse.Where the opportunities were, what was standard, and where the product could get stronger.
02
HeurísticasHeuristics
Evaluamos los problemas de usabilidad de la interfaz actual con un conjunto de principios y pautas establecidas.We assessed the usability problems of the current interface against a set of established principles and guidelines.
Obstáculos concretos en la experiencia, cada uno con su recomendación de mejora.Concrete obstacles in the experience, each with its improvement recommendation.
03
EntrevistasInterviews
Encuentros virtuales con personas usuarias de ePak: tareas específicas mientras se registraban sus interacciones.Remote sessions with ePak users: specific tasks while their interactions were recorded.
Datos concretos de usabilidad, problemas priorizados y retroalimentación directa.Hard usability data, prioritised problems and direct feedback.
Competencia relevadaCompetitors surveyed
Andreani
Correo Argentino
Envíopack
Zippin
Pickit
5 personas usuarias de distintos rubros, en formato semiestructurado.5 users across different industries, in a semi-structured format.
Encuentros virtuales con tareas guiadas, grabando cada interacción sobre la plataforma real.Remote sessions with guided tasks, recording every interaction on the real platform.
06 — Design system
Componentes, color e iconografíaComponents, colour and iconography
Una nueva librería de componentes y un lenguaje iconográfico propio para asegurar la consistencia visual y técnica del producto: escalas Corporate y Amatista con sus tokens, gradientes de cliente e interno, navegación lateral con submenús, y el rediseño de la etiqueta de envío —número, modalidad, canalizador, destinatario y códigos jerarquizados donde antes había una tabla plana.A new component library and a proprietary icon language to secure the product’s visual and technical consistency: Corporate and Amatista scales with their tokens, customer and internal gradients, side navigation with submenus, and a redesigned shipping label — number, service, routing, recipient and codes given hierarchy where there used to be a flat table.
Tokens de color, iconografía propia, componentes de navegación y la etiqueta rediseñada.Colour tokens, proprietary iconography, navigation components and the redesigned label.
07 — Panel de envíos07 — Shipping dashboard
Web · pantalla principalWeb · main screen
La pantalla principal abre en el estado de la operación de los últimos siete días: en preparación, no entregados, en distribución y entregados, cada contador en palabras y con su ícono. Debajo, las modalidades agrupadas por tipo —envíos, cambio y devolución— con las dos acciones concretas de cada una a la vista, y la navegación lateral fija reemplazando el menú desplegable.The main screen opens on the last seven days of operation: in preparation, undelivered, out for delivery and delivered, each counter named in words with its icon. Below, services grouped by type — shipments, exchange and return — with each one’s two concrete actions in view, and fixed side navigation replacing the dropdown menu.
Estados en palabras, modalidades agrupadas y navegación lateral persistente.Statuses in words, grouped services and persistent side navigation.
08 — Alta de un envío08 — Creating a shipment
Web · flujo en 5 pasosWeb · 5-step flow
Crear un envío pasó a ser un flujo con paso declarado y resumen permanente. El destino ofrece las tres modalidades de entrega —domicilio, Punto OCA y Locker— y, al elegir Locker, lista los SmartLockers ordenados por distancia con horario y una opción recomendada. A la derecha, el detalle del envío queda fijo con paquetes, peso, volumen, valor declarado y origen, editables sin salir del paso.Creating a shipment became a flow with a stated step and a permanent summary. Destination offers the three delivery options — address, OCA Point and Locker — and, on picking Locker, lists SmartLockers sorted by distance with opening hours and a recommended choice. On the right, the shipment detail stays pinned with packages, weight, volume, declared value and origin, all editable without leaving the step.
Paso 3 de 5: destino por modalidad, SmartLockers por distancia y resumen editable siempre visible.Step 3 of 5: destination by service, SmartLockers by distance, and an editable summary always in view.
09 — Listado de envíos09 — Shipment list
Web · gestión masivaWeb · bulk management
El historial se reconstruyó alrededor del envío: número de seguimiento visible como columna propia, estados con nombre y color —en preparación, en distribución, entregado, anulado—, buscador por seguimiento o destinatario, filtros y rango temporal. La selección múltiple habilita la descarga en CSV, y la pestaña de pendientes de confirmación separa lo que exige acción.History was rebuilt around the shipment: tracking number visible as its own column, statuses with a name and a colour — in preparation, out for delivery, delivered, cancelled — search by tracking or recipient, filters and a date range. Multi-select enables CSV download, and a pending-confirmation tab sets apart whatever needs action.
El envío como unidad: seguimiento a la vista, estados en palabras y acciones sobre la selección.The shipment as the unit: tracking in view, statuses in words and actions on the selection.
10 — Detalle y prueba de entrega10 — Detail and proof of delivery
Web · post-entregaWeb · post-delivery
Todo lo que antes vivía en cuatro ventanas quedó en una sola vista: estado y dirección de entrega en la cabecera, valores declarados y aforados por paquete, origen y destino con los datos de contacto, y la referencia de la orden. Desde ahí se descarga el comprobante o se abre la prueba de entrega, con quién recibió el paquete, su parentesco, la fecha y la firma.Everything that used to live across four windows now sits in a single view: status and delivery address in the header, declared and assessed values per package, origin and destination with contact details, and the order reference. From there you download the receipt or open the proof of delivery, with who received the package, their relationship, the date and the signature.
Una sola vista: estado, valores, origen, destino y comprobantes.A single view: status, values, origin, destination and receipts.Prueba de entrega: quién recibió, cuándo y su firma.Proof of delivery: who received it, when, and their signature.
11 — Decisiones de diseño11 — Design decisions
El envío, no la ordenThe shipment, not the order
El historial viejo ordenaba por órdenes y escondía el número de seguimiento. Ahora la unidad es el envío y su estado se lee en palabras, no en porcentajes.The old history sorted by orders and hid the tracking number. Now the unit is the shipment and its status reads in words, not percentages.
Cotizar y despachar, un solo caminoQuote and dispatch, one path
La cotización no se pierde: el precio elegido se arrastra al despacho, así nadie vuelve a cargar los mismos datos dos veces.The quote is not lost: the chosen price carries into dispatch, so nobody enters the same data twice.
Cuentas multi-usuarioMulti-user accounts
Un comercio con varias personas operando necesitaba permisos y trazabilidad: quién despachó qué, sin cuentas compartidas.A business with several people operating needed permissions and traceability: who dispatched what, without shared accounts.
Design system como entregableDesign system as a deliverable
Librería de componentes, tokens de color e iconografía propia compartidos con desarrollo: el sistema es parte del resultado, no un anexo del diseño.Component library, colour tokens and proprietary iconography shared with engineering: the system is part of the outcome, not an annex to the design.