Christopher Rosso
Todo el trabajo

Petzone

La caja y el back office con los que funciona una tienda de mascotas en Itagüí.

Abrir Petzone (se abre en una pestaña nueva)

Cliente
Petzone
Alcance
Diseño de producto, desarrollo, operaciones
Año
2026
El inicio, en el computador y en el celular

Punto de venta y operaciones para una tienda de mascotas en Itagüí, Colombia. Cobro rápido en el mostrador y, detrás, pedidos, productos por referencia y variante, compras, descuentos, clientes y reportes. Diseñado para un mostrador, no para un escritorio: todo al alcance del pulgar y atajos de teclado para la caja. Su mascota, Dasha, se construye y se arma en Blender con un pelaje de Substance Designer, y acompaña cada página vacía.

Qué se entregó

  • Una caja pensada para el mostrador: escanear o buscar, favoritos y ticket con un toque
  • Recibos, más pedidos apartados para pagar, recoger o enviar después
  • Productos por referencia, variante y lote, órdenes de compra, clientes y reportes detrás de la caja
  • Descuentos que la caja aplica sola: códigos, compra X y lleva Y, domicilio gratis
  • Un inicio que prepara una tienda nueva paso a paso, cada paso una tarjeta en 3D
  • Un centro de ayuda en la app: diecisiete guías en video narradas, grabadas desde la app con un script
  • Dasha, la mascota de la tienda: modelada, con pelaje, texturizada en Substance y con esqueleto en Blender, en cada página vacía
  • Se usa en la operación diaria de la tienda, no es un prototipo

Etiquetas

  • diseño de producto
  • pos
  • retail
  • operaciones
  • ui
  • ux
  • dashboard
  • documentación
  • 3d
  • blender
  • substance

El video

60 segundos, sin sonido
Un video sin sonido hecho con la propia app, y con Dasha renderizada en Blender, para el sitio y las redes sociales. Datos de una tienda de ejemplo.

Inicio y configuración

3 pantallas

El inicio abre con el día: el dinero cobrado, los pedidos por preparar y los saldos por cobrar, bajo un cuadro para preguntarle a Dasha, la asistente de la tienda. Una tienda nueva ve ahí su configuración, una tarjeta por paso, cada una con una escena 3D que se mueve al pasar el cursor.

Inicio: pregúntale al asistente, o empieza por las ventas de hoy, los pedidos abiertos y los saldos
El inicio de una tienda nueva: cada paso de la configuración es una tarjeta con su propia escena 3D
Dasha, la asistente de la tienda, responde con los registros de la propia tienda: ventas, existencias, clientes y la caja
Datos de tienda y recibos: el recibo se imprime
Productos y presentaciones: el snack salta
Precios y costos: la etiqueta se balancea
Apertura de efectivo: la moneda gira
Un paso puede esperar: cierra su tarjeta y tráela de vuelta cuando quieras

Punto de venta

5 pantallas

Una venta desde el primer escaneo hasta el recibo por WhatsApp y, después, los tickets de hoy y la jornada de caja.

La caja: un ticket para un cliente y su mascota, con un código descontado antes de cobrar
Elegir el tamaño antes de agregarlo al ticket
Pagado: envía el recibo por WhatsApp o imprímelo, y Enter empieza la siguiente venta
Tickets de hoy: ventas, dinero cobrado, devoluciones y lo que falta por cobrar
La jornada de caja: abrirla, vender y contar el efectivo una sola vez al cerrar

Pedidos y clientes

5 pantallas

Cada venta y pedido en una sola lista, los pedidos que faltan por preparar o cobrar, y los clientes con sus mascotas y lo que suelen comprar.

Pedidos: cada venta y pedido, con su pago y su entrega
Un pedido a domicilio que se paga al recibirlo
Clientes: sus mascotas, su saldo y lo que sigue
La ficha de un cliente: lo que debe, lo que suele comprar y lo último que pasó
Recompras: cuándo es probable que cada mascota necesite más, con un mensaje de WhatsApp listo

Productos y descuentos

8 pantallas

Cada empaque con su precio, costo, existencias y lotes, una página para cada producto con lo que cobra la competencia, y descuentos que la caja aplica sola.

Productos: lo que se vende, lo que se acaba pronto y lo que hay que volver a pedir
La página de un producto: precio y margen, existencias, códigos y ventas recientes, guardados mientras escribes
Lo que cobra la competencia, frente al precio de la tienda
Variantes y lotes: cada tamaño con su referencia, precio y existencias, y cada lote con su vencimiento
Inventario: lo que hay en la tienda, lo que apartan los pedidos abiertos y lo que viene en camino. Toca un conteo para corregirlo, con el motivo
Un producto nuevo en su propia página. Sus existencias pueden esperar a que llegue
Descuentos: con código o automáticos, activos o programados
Compra X, lleva Y, configurado en su propia página

Reportes, compras y pagos

5 pantallas

Cómo va la tienda, el inventario que se les pide a los proveedores y se recibe contra la orden, y cada cuenta a la que llega el dinero.

Reportes: ventas, ganancia y saldos, y lo que necesita atención
Órdenes de compra: lo que hay que recibir, lo atrasado y lo que viene en camino
Una orden de compra: lo pedido, lo recibido y lo que sigue en camino
Pagos: lo que debería haber en cada cuenta y los pagos con tarjeta por liquidar
Configuración: los datos de cada recibo, el IVA de la tienda, y una moneda y una zona horaria que no cambian

Centro de ayuda

2 pantallas · 6 guías

El centro de ayuda vive dentro de la app: diecisiete guías, cada una con un video narrado y sus pasos escritos al lado, y rutinas para abrir, el día, el cierre y la semana. Un script graba cada video en la tienda de demostración, una voz de ElevenLabs lee cada paso en español, el idioma de la tienda, y una guía se graba de nuevo cuando cambian sus pantallas. Aquí abajo hay seis.

El centro de ayuda: tu primer día y, después, una rutina para cada momento del día
Una guía: el video, dónde pasa en la app y los pasos por escrito
Recorrido por Petzone0:46 · narrado en españolDónde está cada cosa: Inicio, el menú, la caja, la búsqueda y los atajos.
Leer lo que dice

Inicio te muestra lo del día: ventas, pedidos y cobros pendientes

A la izquierda está cada área de la tienda

«Punto de venta» es la caja, donde vendes

Desde cualquier pantalla, F8 abre una venta rápida

Y con ⌘K (o Ctrl+K) buscas lo que sea: productos, clientes, pedidos

«Inicio» te trae de vuelta aquí

Vender en la caja0:51 · narrado en españolUna venta de mostrador, de buscar el producto a entregar el recibo.
Leer lo que dice

Busca el producto por su nombre, o escanea su código

También puedes tocarlo en la lista de productos

Con + y − cambias la cantidad

El efectivo ya está elegido: toca el billete que te dan

Petzone calcula el cambio que debes devolver

Toca Cobrar para registrar la venta

Listo: la venta queda registrada y el inventario descontado

Puedes enviar el recibo por WhatsApp o imprimirlo

Siguiente venta (o Enter) deja la caja lista para el próximo cliente

Pedidos para recoger o a domicilio1:25 · narrado en españolUna venta que se paga o se entrega después: crearla, alistarla, cobrarla y entregarla.
Leer lo que dice

Un pedido es una venta que se paga o se entrega después

Elige el cliente: el pedido queda a su nombre

Toca «Reservar pedido» en vez de «Pagar ahora»

Elige si lo recoge en la tienda o se lo llevas a domicilio

Toca «Crear pedido»

Si te deja un abono, regístralo aquí mismo

En Pedidos ves todos los pedidos abiertos

Cuando lo empiezas a alistar, toca «Preparar»

Cuando está listo para recoger, «Marcar listo»

Con permiso del cliente, puedes avisarle por WhatsApp

Al entregarlo, cobra el saldo

y toca «Marcar entregado»

El historial del pedido guarda cada paso y cada pago

Agregar o quitar existencias0:41 · narrado en españolCorregir cuántas unidades hay de un producto, con el motivo.
Leer lo que dice

Inventario muestra lo que hay en la tienda de cada producto

Toca el número «En tienda» para cambiarlo

Escribe cuántas unidades entran en «Ajustar en»

Elige el motivo: queda en el historial del producto

Quitar: por ejemplo, un empaque roto

Las ventas y las compras que recibes ajustan el inventario solas

Recibir mercancía0:35 · narrado en españolRegistrar lo que llegó del proveedor: las existencias suben y el costo se actualiza.
Leer lo que dice

Las entregas que esperas están en «Recibir»

Escribe el número de la factura o remisión del proveedor

Cuenta lo que llegó y escribe cuántas unidades de cada producto

Si llegó todo lo pedido, «Recibir todo» llena el resto

Toca «Registrar recepción»

Las existencias suben y el costo de cada producto se actualiza

La caja del día y su cierre0:59 · narrado en españolEl efectivo de la caja durante el día: movimientos, conteo y cierre.
Leer lo que dice

Jornada de caja: el efectivo de tu caja durante el día

¿Sacas o metes efectivo fuera de una venta? Regístralo aquí

Los gastos pagados con la caja van en Reportes › Gastos

Al terminar el día, toca «Iniciar cierre»

Petzone te muestra cuánto efectivo debería haber

Cuenta los billetes y monedas y escribe el total

Si cuadra, confirma. Si no, explica la diferencia

Mañana la caja se abre sola con la primera venta en efectivo

Páginas vacías, con Dasha

4 pantallas

Una página que todavía no tiene nada muestra a Dasha, la gatita atigrada de la tienda, en una escena propia: la caja sin productos, los pedidos antes de la primera venta, los clientes, los descuentos, los lotes, el 404. Veintiuna en total. Pasa el cursor y se mueve.

Pedidos, antes de la primera venta
Clientes: Dasha y el cachorro del logo
La caja sin nada que vender todavía: crea un producto o cobra una línea libre
Un enlace que no lleva a ninguna parte
Pedidos: un manotazo al recibo
Clientes: un choque de patas
La caja: olfatea y parpadea
El 404: una oreja que se mueve
Cada escena tiene un movimiento sobre su esqueleto, que se reproduce una vez al pasar el cursor

Dasha en 3D

7 pantallas

Dasha empezó como los dibujos 2D de la dueña. Ahora se construye en Blender con código, sin ningún archivo hecho a mano: un cuerpo a partir de un campo de distancias, un pelaje de curvas de pelo que sigue su pose, ojos con párpados que parpadean. Su pelaje es un grafo de Substance Designer que se renderiza desde la línea de comandos, los objetos llevan materiales de Substance y Rigify le arma el esqueleto, así que un solo modelo toma cualquier pose. La acompaña un cachorro del logo.

Un modelo, seis poses de su biblioteca de poses
Las vistas del personaje, renderizadas en Blender
Su cara: una sonrisa en una forma clave, y párpados que se cierran en el arco dormido de los dibujos
El esqueleto: Rigify ajustado a ella por script, con pesos por calor de huesos, limpiados para que su cabeza nunca se doble
Su pelaje, de un grafo de Substance Designer renderizado desde la línea de comandos
Los materiales de los objetos, de Substance
El cachorro, hecho de la misma manera, junto a ella
Una vuelta completa, renderizada en Blender

En el celular

10 pantallas

Todo al alcance del pulgar: una columna, un menú para lo demás y cada registro en su propia página.

El inicio, en una columna
El menú: cada parte de la tienda
La caja: el ticket y, debajo, el total sobre el botón de pago
Elegir el tamaño
Los pedidos, del más reciente al más antiguo
La ficha de un cliente: saldo, siguiente paso y compras habituales
La página de un producto, en una columna
Los lotes y las variantes de un producto
Los descuentos, con su estado
Los pedidos antes de la primera venta, con Dasha

Tema oscuro

7 pantallas

La misma app en su tema oscuro, del inicio a los reportes.

El inicio en el tema oscuro
Un ticket listo para cobrar
Elegir el tamaño, con el precio de cada uno en su botón
Pedidos: el pago y la entrega de un vistazo
La página de un producto, con sus ventas recientes
La ficha de un cliente, con lo que sigue
Reportes de 30 días

Trabajemos juntos

Siguiente

Cuéntame qué estás construyendo y te digo cuánto cuesta y cuándo sale.

Empezar algo parecido