Fresco — sales app for a small business

UX/UI · Digital product

For a real business: a seller of avocados, eggs and goat cheese, wholesale and retail, who keeps everything in a notebook. I designed a working prototype, built with AI, so he can sell, collect and know what he earns from his phone. The client accepted it, and we are now bringing it into his business.

Try the app↗

ROLE: Information architecture, interface design and development with AI
YEAR: 2026
TOOLKIT: UI design · Information architecture · Next.js · Installable web app

working screens

1 tap

to collect on WhatsApp

< 10 s

target to log an order

01 — THE CHALLENGE

He sells while delivering. With the notebook, orders get lost, credit is forgotten and he doesn't know what he earns each month.

02 — WALKTHROUGH

He signs in, logs a wholesale order with partial payment, records a payment and checks how the month is going in finances.

Clients and figures are examples.

03 — SELLING AND COLLECTING

Orders, payments and stock: what was scattered in the notebook, now in one app.

The welcome: the logo, an egg cracked half into avocado, and sign-in.

Home with debts, sales and today's deliveries — On opening: what he's owed, today's sales and what to deliver.

New order with wholesale price hint — Wholesale pricing applies itself, and shows what's missing.

Orders with delivery and payment status — Each order shows delivery and payment.

Debts list with WhatsApp button — Who owes, since when, and WhatsApp reminders.

Each client's profile and history.

Stock of avocados, eggs and cheese — Stock goes down with every sale.

Public catalog with WhatsApp ordering — A page for his clients to order.

04 — FINANCES

Invoices, results and projections in plain words. The SII (tax office) sync is simulated in this prototype.

Finance summary with tax office sync — Invoices to collect and to pay, and the month's profit.

Invoices with due dates — Every invoice with its due date.

Sales projection chart — Expected sales, to know how much to buy.

Accounting books download — Books for the accountant, in Excel.

05 — DESIGN + AI

Fresco isn’t a Figma prototype: it’s a working app that installs on the phone. I designed it and defined how it should behave; I built the code with AI (Claude Code), reviewing and testing every screen until it worked the way I designed it.

The business rules live in the code: wholesale pricing, who owes and since when, the sales projection and the accountant’s books. These are real excerpts.

Next.js 16
React 19
TypeScript
Tailwind CSS 4
Installable app (PWA)
2,309 lines of code

src/lib/tipos.ts

export const totalPedido = (p: Pedido) => p.lineas.reduce((s, l) => s + l.cantidad * l.precio, 0);
export const deudaPedido = (p: Pedido) => Math.max(0, totalPedido(p) - p.pagado);

/** "1 bandeja", "3 bandejas", "2 unidades"; el kilo no cambia */
export const cantidad = (n: number, unidad: string) =>
  `${n} ${n === 1 || unidad === "kg" ? unidad : unidad === "unidad" ? "unidades" : unidad + "s"}`;

/** El precio que corresponde: por mayor solo si es mayorista y llega al mínimo. */
export const precioPara = (p: Producto, tipo: TipoCliente | undefined, cant: number) =>
  tipo === "mayorista" && cant >= p.minMayor ? p.precioMayor : p.precioDetalle;