← Todos los proyectos
Trabajo para cliente · GastronomíaEn producción

Boca de Lobo

No es solo una carta digital: un catálogo de 250+ productos con panel de administración propio, para una parrilla con dos sucursales en Buenos Aires. El negocio actualiza precios, promos y contenido sin depender de mí.

Boca de Lobo — home
El desafío

El negocio dependía de una carta física: actualizar un precio o sumar un plato implicaba reimprimir, y no había forma de que los clientes vieran el menú completo antes de llegar. Tampoco existía una manera ágil de gestionar 250+ productos entre dos sucursales.

La solución

Una carta digital accesible por QR desde la mesa + un panel de administración a medida que le da autonomía total al negocio: CRUD de productos, categorías y promos, edición masiva de precios en una sola operación y destacados de home configurables — sin tocar código.

Arquitectura

Un producto, tres frentes

Carta digital

El menú completo accesible por QR desde la mesa.

  • 250+ productos en 11 categorías y 39 subcategorías
  • Íconos dietarios (vegano, sin gluten, picante…)
  • Promos con imagen o video y precio opcional
  • Reservas por WhatsApp con sucursal pre-seleccionada
  • Destacados de home configurables

Panel de administración

CMS a medida para que el negocio gestione todo solo.

  • CRUD de productos, categorías, subcategorías y promos
  • Edición masiva de precios en una sola operación
  • Gestión de usuarios y configuración global
  • Precio del servicio de mesa editable
  • Dashboard con resumen del menú

Deploy y operación

Infraestructura propia en VPS, lista para producción.

  • VPS con Nginx + PM2 y SSL con renovación automática
  • Backups diarios de DB y uploads (retención 14 días)
  • Imágenes optimizadas a WebP en el upload
  • 5 casillas de email con SPF/DKIM/DMARC
  • SEO técnico: sitemap, robots, OpenGraph, GA4
El resultado

De una carta física que había que reimprimir a un catálogo digital de 250+ productos que el negocio gestiona solo — cambios de precio en bloque, promos con foto o video y control total de lo que aparece en la portada, todo desde el panel y sin depender del desarrollador.

Diseño

Rústico, contundente, noctámbulo

La identidad se aleja del menú digital genérico: fondo obsidian, acentos ember naranja quemado y texto cream construyen un ambiente de parrilla al carbón. Tres tipografías en juego le dan textura artesanal — sellos de menú vintage y aire de máquina de escribir.

Titulares: Eight Days A Week · Headings y precios: Mailart Rubberstamp · Cuerpo: Special Elite

Obsidian

#0A0A0A

Ember naranja

#E85D26

Cream

#FAF3EB

Desafíos técnicos

Lo difícil, resuelto

01

Migración de datos en 5 fases, sin downtime

Refactor del modelo de "subcategorías como string" a una tabla relacional con foreign keys, con 250+ productos activos en producción. Se hizo en 5 fases progresivas —DB → API → Admin → Frontend público → cleanup—, cada una deployable de forma independiente y con rollback disponible en cualquier punto.

02

Edición masiva de precios con UX segura

Una vista dedicada para actualizar todos los precios de una vez: detecta cambios en tiempo real, resalta lo modificado, muestra el precio anterior en cada input alterado, avisa al cerrar la pestaña sin guardar y persiste todo en una única transacción atómica en el backend.

03

Migración DNS completa con el sitio activo

Reconfiguración de la zona DNS entre servicios del proveedor (de Cloud Server a Correo Profesional) manteniendo el sitio online, con menos de 20 minutos de downtime y regeneración manual del certificado SSL después del cambio.

Stack técnico

Desarrollado de punta a punta

Frontend

  • Next.js 15 (App Router)
  • React 19
  • TypeScript
  • Tailwind CSS 3

Backend

  • Node.js
  • JWT en cookies httpOnly
  • bcrypt
  • Roles

Base de datos

  • SQLite
  • Prisma 6
  • Migración de datos custom

Infraestructura

  • VPS + CloudPanel
  • Nginx
  • PM2
  • Let's Encrypt (SSL auto)

Medios

  • Sharp → WebP
  • QR con logo (multi-resolución)

Operación y SEO

  • Backups diarios (14 días)
  • Email SPF/DKIM/DMARC
  • Sitemap + robots + GA4
Por dentro

La plataforma en acción

Home: la vibe de parrilla al carbón
Home: la vibe de parrilla al carbón
Panel admin: dashboard del menú digital
Panel admin: dashboard del menú digital
Editor masivo de precios (254 productos)
Editor masivo de precios (254 productos)
Sucursales con mapa y reservas
Sucursales con mapa y reservas
Carta digital en mobile (vía QR de mesa)
Carta digital en mobile (vía QR de mesa)
QR de la carta con logo integrado
QR de la carta con logo integrado

¿Necesitás un sistema para tu negocio?

Desde una web hasta una plataforma de gestión completa. Contame qué necesitás.