La experiencia interactiva no pudo iniciarse. Recarga la página o explora los proyectos abajo. Recargar ↻

Case 016Diseño de app móvil

Univesell

Una app de marketplace de dos lados para eventos. Quienes organizan un evento hacen el seguimiento de tareas, presupuesto e invitados en un solo lugar, mientras que los proveedores siguen sus ganancias en su propio lado.

Mi papel: Flujos de producto y diseño de interfaz
Estado del proyecto: Diseño de interfaz · archivo de Figma

Portada de presentación de Univesell, del archivo de diseño original. — Portada de presentación del archivo original.

Mi contribución

Univesell es una app de marketplace de dos lados para eventos: de un lado, quienes organizan un evento; del otro, los proveedores. Los organizadores exploran empresas, profesionales y agencias, y gestionan cada evento en la misma app.

El archivo muestra los dos lados como flujos de usuario, junto a las pantallas que diseñé. Este caso sigue las herramientas del evento y termina en las ganancias del proveedor.

Un recorrido por las pantallas del diseño, no una grabación: la gestión de un evento, de sus detalles a la invitación y a las ganancias del proveedor. Detalles del evento: presupuesto, invitados, días restantes y tareas en un solo scroll. Datos de ejemplo. Lista de eventos: tareas y presupuesto como dos barras en cada tarjeta.

Pantalla de evento de una boda de ejemplo, con un encabezado oscuro, un gráfico de anillo del presupuesto, el conteo de invitados, los días restantes y una lista de verificación de tareas. — Un recorrido por las pantallas del diseño, no una grabación: la gestión de un evento, de sus detalles a la invitación y a las ganancias del proveedor. Detalles del evento: presupuesto, invitados, días restantes y tareas en un solo scroll. Datos de ejemplo. Lista de eventos: tareas y presupuesto como dos barras en cada tarjeta.

Un evento en una pantalla

La pantalla de detalles del evento reúne en un solo scroll las preguntas que rodean a un evento: cuánto del presupuesto se ha usado, cómo va la lista de invitados, cuántos días faltan y qué tareas siguen abiertas. Un encabezado oscuro pone el nombre del evento, y cada bloque de abajo responde una pregunta.

La lista de eventos aplica la misma idea un nivel más arriba. Cada tarjeta muestra las tareas y el presupuesto como dos barras de progreso, así se puede ver cómo se comparan los eventos antes de abrir uno.

Pantalla de ganancias con un gráfico de anillo de montos en curso y pasados, encima de un historial de pedidos y retiros. — Lado del proveedor: ganancias, con el mismo patrón de gráfico e historial. Datos de ejemplo. Invitaciones: mensaje, vencimiento, recordatorios y un archivo adjunto.

Lado del proveedor: ganancias, con el mismo patrón de gráfico e historial. Datos de ejemplo. Invitaciones: mensaje, vencimiento, recordatorios y un archivo adjunto.

El otro lado del marketplace

Del lado del proveedor, la pantalla de ganancias reutiliza la misma estructura: un gráfico de anillo arriba y una lista de historial abajo, que ahora separa los montos en curso de los pasados, con pedidos y retiros en la lista. Compartir un mismo patrón hace que los dos lados se reconozcan como un solo producto.

Diagrama ancho de cajas verdes y lilas conectadas que muestran las pantallas del flujo de usuario, desde el primer acceso, pasando por el marketplace, los pedidos y la billetera, hasta las herramientas del evento. — Flujo de usuario del lado de los organizadores, con colores según el estado en ese momento.

Todo el producto en un solo mapa

El flujo de usuario del lado de los organizadores va desde el primer acceso y el registro, pasando por el marketplace, el carrito, los pedidos y la billetera, hasta las herramientas del evento. Sus colores marcan qué pantallas estaban terminadas y cuáles aún no se habían empezado en ese momento, así que el mapa servía también como tablero de avance del trabajo.