Saltar al contenido
Mateo Sonzogni

Project · circuito-kitsune

Circuito Kitsune

Rol
Académico Da Vinci · diseño y desarrollo
Cliente
Escuela Da Vinci · Buenos Aires, AR
Año
2026
Tecnologías
  • LaravelBackend. Desde 2026. Monolito robusto con Eloquent ORM, autenticación por sesión y colas de trabajo para plataformas transaccionales. Por ahora, solo en esta obra.
  • LenisMovimiento. Desde 2026. Scroll inercial normalizado multiplataforma sin romper el comportamiento nativo del navegador. También en La Rúcula Gastrobar y Ynara Web.
  • PHPLenguajes. Desde 2025 · 1 año. Lenguaje backend tradicional utilizado en integraciones y módulos transaccionales de clientes. Por ahora, solo en esta obra.
  • Tailwind CSSHerramientas. Desde 2026. Sistema de diseño componible y utilitario con purga agresiva para bundles ultra ligeros. También en La Rúcula Gastrobar, ARG Piscinas y Ynara Web.
  • ViteHerramientas. Desde 2025 · 1 año. Tooling ultra veloz basado en Rollup y esbuild para HMR instantáneo en desarrollo. También en La Rúcula Gastrobar y ARG Piscinas.
Portada de Circuito Kitsune: el masthead «CIRCUITO KITSUNE» en negro relleno y contorno sobre rojo ember, con una máscara de zorro cyberpunk a la derecha

Tienda ficticia de máscaras japonesas cyberpunk para la materia Portales y Comercio Electrónico. Monolito Laravel con catálogo, blog y panel de administración.

Encargo

Una consigna de e-commerce resuelta como pieza de dirección de arte: un circuito clandestino donde cada noche una máscara abre un distrito de Tokio. El reto no era el CRUD, sino que un parcial de PHP se sintiera como un objeto de marca.

Proceso

  1. Consigna

    Un parcial de Portales y Comercio Electrónico pedía una tienda con catálogo, blog y ABM. La decisión fue no entregar un CRUD genérico sino una marca con ficción propia: el turno noche de Tokio y seis identidades.

  2. Modelo

    Monolito Laravel 13: Eloquent, migraciones y seeders para 6 máscaras y 5 transmisiones sobre SQLite. Autenticación por sesión, reserva de máscaras y panel de administración detrás de middleware de rol. Cinco componentes Blade propios.

  3. Pieza

    Dirección editorial-cyberpunk con sistema visual cerrado en tokens Tailwind v4: masthead Archivo Black con relleno y contorno, HUD monoespaciado, marquees y retrato por máscara. Scroll Lenis y reveals por IntersectionObserver, apagados con prefers-reduced-motion.

Resultado

Monolito Laravel 13 con Eloquent, migraciones y seeders sobre SQLite: catálogo de 6 máscaras y blog de transmisiones, con autenticación por sesión, reserva de máscaras y panel ABM con middleware de rol. Sistema visual cerrado en tokens Tailwind v4, scroll Lenis y reveals que respetan prefers-reduced-motion.

Métricas

  • 6MáscarasMáscaras. Identidades del catálogo, cada una modelada con Eloquent y su distrito.
  • 6DistritosDistritos. Territorios del circuito: una máscara opera en cada uno.
  • 5TransmisionesTransmisiones. Notas editoriales del blog, cargadas con seeders.
  • 38 KBBundleBundle. Peso del JavaScript inicial comprimido que descarga el navegador.

Enlaces