Saltar al contenido principal
Vypo Touch by Arcor
Volver

2025 - Product Design / Mobile & Desktop

Logo Vypo Touch

Vypo / Arcor

Aplicación móvil y panel de escritorio para la gestión de repositores de Arcor. Encuestas con cola de envío automático, rutas, tareas y carga de fotos en puntos de venta.

— Ficha de rol

Rol
UX/UI Designer
Equipo
Rodrigo del Rio (PO), Carlos Acosta (Lead UX), Soledad Yafar (PM), Juan Martín Cerruti (Lead Dev)
Duración
10 meses (MVP)
Plataforma
Web & App
Qué hice
Research, UX y UI mobile y desktop + Design System

— Contexto

Repositores sin sistema en un entorno desconectado

Los repositores de Arcor no contaban con una herramienta para organizar sus tareas diarias ni registrar su trabajo en los puntos de venta. La gestión se hacía mediante archivos Excel compartidos, lo que generaba errores de tipeo, pérdida de métricas y falta de visibilidad sobre el estado de los locales.

Entrevisté a la líder de Servicio al Cliente y a repositores de Arcor, e identifiqué tres pilares críticos: un dashboard para líderes, un sistema de soporte/mesa de ayuda y una app Android para repositores en campo. La user persona Esteban Acerbi representaba al repositor típico: necesitaba reportar incidencias en zonas sin conexión, con flujos simples y feedback claro. El desafío era reducir la fricción del reporte diario y garantizar que nada se perdiera por falta de señal.

— Solución

Un ecosistema mobile + desktop con envío garantizado

Se diseñó una app mobile para que los repositores puedan ver sus tareas asignadas, completar encuestas, cargar fotos y seguir sus rutas. Si al enviar la encuesta no hay conexión, la app la guarda en cola y la envía automáticamente cuando recupera señal, ya sea por WiFi o datos. En paralelo, un dashboard desktop permite a los líderes crear encuestas, asignar trabajos, gestionar usuarios y roles, y administrar múltiples espacios de trabajo.

Arranqué con research cualitativo: entrevistas con líderes y repositores, surveys vía SurveyMonkey y análisis con Google Analytics y Google Sheets. Definí la user persona Esteban Acerbi y mapeé los flujos críticos. Después diseñé en Figma el ecosistema completo: dashboard desktop para gestión y app Android para campo. Prioricé la cola de envío offline, la reducción de pasos en el reporte (de 5 a 3) y la claridad visual para usuarios con baja familiaridad tecnológica. Cada etapa la planificaba con Carlos Acosta, Lead UX, que supervisaba el trabajo: yo presentaba y defendía las propuestas ante él y, una vez alineados, ante el PO y los stakeholders.

— Características

Dos productos, un mismo objetivo

App Vypo Touch en cuatro pantallas encadenadas: grupos de relevamiento, punto de venta, lista de encuestas y formulario con botón Tomar foto
01

App móvilEncuestas con cola de envío

Los repositores acceden a sus tareas del día, completan encuestas con diferentes tipos de respuesta, cargan fotos y siguen rutas optimizadas. Si al enviar no hay conexión, la encuesta queda en cola y se transmite automáticamente al recuperar señal por WiFi o datos. El repositor se despreocupa y Arcor recibe los resultados.

Dashboard Vypo Touch: tabla de encuestas con ID, fechas, badges de estado de colores, menú de acciones por fila y paginación
02

DashboardGestión de encuestas y usuarios

Los líderes crean encuestas con un builder de preguntas, asignan tareas a repositores de forma específica o masiva, y gestionan usuarios con roles diferenciados (líder, repositor, cliente).

Modal de cambio de workspace sobre el dashboard con tres entornos de empresa seleccionables y botón Volver
03

Workspaces multi-empresa

Soporte para múltiples entornos de trabajo (workspaces) que permiten aislar datos y configuraciones por empresa o región. Ideal para operaciones escalables dentro de Arcor.

Formulario de nueva encuesta con nombre, fechas, zona, seller y punto de venta, listado de preguntas tipadas y botón Guardar
04

Constructor de encuestas con imágenes

Sistema de creación de encuestas flexible que permite agregar preguntas con diferentes tipos de respuesta e integrar imágenes como referencia visual para los repositores en campo.

Login del backoffice Vypo Touch con campos de correo y contraseña, botón Iniciar Sesión y enlace para recuperar contraseña
05

Interfaz según roles

Según el rol del usuario que ingrese al dashboard, verá unas opciones u otras. Esto reduce el error humano y la confusión del cruce de datos innecesarios para el rol que ingresa.

— Stack tecnológico

Herramientas de diseño y prototipado

FigmaSurveyMonkeyFirebaseGoogle AnalyticsGoogle Sheets

Mi research incluyó entrevistas con líderes y repositores de Arcor, surveys vía SurveyMonkey y análisis de datos con Google Analytics y Google Sheets. Definí user personas como Esteban Acerbi e identifiqué tres pilares del producto: dashboard para líderes, sistema de soporte/mesa de ayuda y app Android para repositores. Usé Figma para diseñar el ecosistema completo en alta fidelidad, con prototipos interactivos testeados con usuarios reales. Luego se desarrolló el MVP y participé en la recopilación de feedback para iteraciones posteriores.

— Decisiones clave

Decisiones que definieron el proyecto.

01

Cola de envío offline — zonas sin señal

El problema

Los repositores trabajan en puntos de venta donde la conexión falla: el research mostró que necesitaban reportar incidencias en zonas sin señal y que nada se perdiera por eso. Un formulario que depende de conectividad era directamente inviable para el uso real.

Las opciones

  • —Bloquear el envío sin conexión y mostrar un error: simple de diseñar, pero el dato se pierde o depende de la memoria del repositor.
  • —Guardar el borrador y pedirle al repositor que reintente manualmente: menos lógica de sistema, más carga mental y riesgo de olvido.
  • —Cola de envío automática que reintenta al recuperar señal: más estados y lógica de sincronización para diseñar y comunicar.

La decisión

Elegí la cola de envío automática: si al enviar no hay conexión, la encuesta queda en cola y se transmite sola cuando vuelve la señal, por WiFi o datos. El repositor se despreocupa por completo. El trade-off fue diseñar y hacer visibles los estados de sincronización para que el usuario siempre sepa qué se envió y qué está pendiente, en lugar de esconder esa complejidad.

02

Reporte en 3 pasos — usuarios con baja familiaridad tecnológica

El problema

El repositor típico (user persona Esteban Acerbi) reporta todos los días, en movimiento y con baja familiaridad tecnológica. El flujo de reporte existente tenía 5 pasos y cada paso extra era fricción diaria multiplicada por cada punto de venta.

Las opciones

  • —Un único formulario largo con todo visible: menos navegación, pero abruma y dificulta el seguimiento del progreso.
  • —Wizard de muchos pasos cortos con validación fina: más control, pero más toques y más tiempo por reporte.
  • —Comprimir el flujo a 3 pasos esenciales: menos control granular por pantalla, pero un reporte rápido y predecible.

La decisión

Reduje el reporte de 5 a 3 pasos, priorizando la velocidad y la claridad visual para alguien que usa la app en el pasillo de un local. Lo que se sacrifica es la validación muy granular y el espacio para explicaciones extensas en cada paso: a cambio, el repositor completa su reporte rápido y abandona menos.

03

Un solo Design System para mobile y desktop — tokens W3C

El problema

El ecosistema tenía dos productos con contextos de uso opuestos: una app Android de campo para repositores y un dashboard desktop para líderes. Mantener dos lenguajes visuales podía hacer divergir la experiencia y frenar el handoff a desarrollo.

Las opciones

  • —Dos sistemas visuales separados por plataforma: arranque más rápido, pero divergencia y doble mantenimiento.
  • —Un solo sistema con tokens compartidos y exportables: más arquitectura inicial, pero consistencia garantizada entre dispositivos.
  • —Estilos sueltos por pantalla sin sistema: máxima velocidad al inicio, caos al escalar.

La decisión

Elegí un Design System único definido como variables en Figma y exportado a un JSON compatible con el estándar W3C Design Tokens, organizado en cuatro colecciones (Brand, Alias, Mapped, Typography). Los mismos tokens alimentan mobile y desktop, así que un cambio en un valor base se propaga a ambos productos. El costo fue el tiempo de arquitectura inicial y decisiones que deben funcionar en dos contextos de uso muy distintos. Ese mismo sistema, que mantuve junto a Carlos Acosta (Lead UX), después se reutilizó para diseñar dashboards similares para otros clientes, como Mastellone.

— Próximos pasos

Conocé más sobre Vypo / Arcor

App mobile y dashboard desktop diseñados para transformar la gestión de repositores en el campo. Cola de envío automático, métricas reales y escalabilidad operativa.