Saltar al contenido
TV viewHablemos
ES
Todos los trabajos

Diseño de app móvil

Univesell. Un evento, su presupuesto y sus invitados en una sola pantalla

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.

Pantallas del archivo de diseño original en Figma, con datos de ejemplo.

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.
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.
Detalles del evento: presupuesto, invitados, días restantes y tareas en un solo scroll. Datos de ejemplo.

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 gestión de eventos que muestra una boda y un cumpleaños, cada tarjeta con barras de progreso de tareas y presupuesto, y un botón New arriba.
Lista de eventos: tareas y presupuesto como dos barras en cada tarjeta.

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.

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.
Formulario de ajustes de invitación con campos de título, mensaje, fecha y hora de vencimiento, recordatorios y un archivo subido, encima de Save settings y Cancel.
Invitaciones: mensaje, vencimiento, recordatorios y un archivo adjunto.

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.

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.