Wobiz

La app para manejar tu tienda online desde el celular: ventas, productos, stock y consultas en un solo lugar.

  • UX
  • UI
  • Iconografía
  • Componentes
Tres pantallas de la app de Wobiz: listado de productos, inicio con las visitas del día y bienvenida.

Parte del equipo de Wobiz. Diseñado como diseñador UX/UI de su equipo de desarrollo, donde trabajé de 2013 a 2023.

Empresa
Wobiz, plataforma de tiendas online
Año
2016 – 2018
Rol
Diseñador UX/UI del equipo de desarrollo
Vínculo
Parte estable del equipo, de 2013 a 2023
Tareas
Flujos, UI, iconografía y componentes
Equipo
Equipo de desarrollo de Wobiz, junto a producto
Plataforma
App mobile

El desafío

Toda la tienda online, en el bolsillo.

Wobiz es una plataforma para crear y administrar tiendas online. Quienes venden necesitan responder consultas, confirmar pagos y envíos y actualizar el stock en el momento, no cuando vuelven a la compu.

El reto era llevar al celular un administrador lleno de datos (variantes, SKU, precios promocionales, medidas, órdenes) sin que se vuelva una planilla en miniatura.

El proceso

Lo que se hace todos los días, a un toque.

La diseñé desde adentro, como diseñador UX/UI del equipo de desarrollo de Wobiz y junto a producto. Ordené la app en cinco secciones (inicio, ventas, productos, consultas y cuenta) y prioricé las tareas frecuentes: ver cómo viene el día, ocultar un producto o corregir el stock con un gesto.

Para los momentos sin datos, como una tienda recién creada, sumé estados vacíos que explican qué hacer en lugar de mostrar pantallas en blanco.

La solución

Del primer ingreso a la gestión diaria de ventas, productos y consultas.

  1. Ingreso e inicio

    Una bienvenida ilustrada, un ingreso simple y un inicio con las ventas y visitas de hoy, ayer, el mes o el año, más los productos más vendidos. Si todavía no hay ventas, la pantalla lo dice y sugiere el próximo paso.

    Cuatro pantallas: inicio de la app, ingreso a la cuenta, inicio con ventas sin datos y bienvenida ilustrada.
  2. Productos y stock

    Búsqueda, filtros por estado (visibles, ocultos, fuera de venta o a publicar) y chips con los filtros activos. Deslizando un producto se lo oculta o se edita su stock, y las variantes se muestran u ocultan todas juntas.

    Cuatro pantallas del listado de productos: acciones al deslizar, filtros por estado y opciones de visibilidad de variantes.
  3. Ventas, consultas y edición

    Cada venta muestra el estado del pago y del envío, con acciones para confirmarlos y contactar al cliente por email, llamada, SMS o WhatsApp. Las consultas se responden como un chat, y cada producto se edita completo: precio, promoción, SKU, stock, medidas y variantes.

    Pantallas de una consulta, el detalle de una venta, la edición de un producto y la edición de una variante.

Sistema visual

Íconos sólidos para la navegación, componentes consistentes para filtros y acciones, e ilustraciones para la bienvenida y los estados vacíos.

Logotipo de Wobiz.
Logotipo
Íconos de navegación y de secciones, chips de filtro y botones de la app.
Iconografía y componentes
Seis ilustraciones de personas cargando productos, armando su tienda y vendiendo desde el celular.
Ilustraciones de bienvenida y estados vacíos

Qué hice

Resultados

Una tienda online que se maneja entera desde el celular, sin volver a la compu.

secciones: inicio, ventas, productos, consultas y cuenta.
5
períodos para seguir ventas y visitas: hoy, ayer, el mes y el año.
4
formas de contactar al cliente desde cada venta: email, llamada, SMS y WhatsApp.
4
filtros para encontrar productos por estado.
5

¿Tenés un proyecto en mente?

Hablemos

WhatsApp