Pietro Fiorillo × QBO Imagen Corporativa

QBO Imagen, estudio creativo de diseño gráfico, cartelería y marketing aplicado en Neuquén, necesitaba un sitio que el propio equipo pudiera actualizar sin depender de un desarrollador, que cargara rápido en todo el país para clientes remotos de punta a punta de Argentina, y que compitiera por visibilidad no solo en Google sino también en los nuevos motores de búsqueda con IA (ChatGPT, Perplexity, Google AI Overviews), con un sistema de contacto que convirtiera visitas en conversaciones reales sin la fricción de un formulario tradicional.

1. 01Arquitectura JAMstack: el contenido vive en Sanity Studio (CMS headless), Next.js lo consume en build time vía GROQ y el resultado se publica como export estático (output: export) en Firebase Hosting, sin servidor Node en producción.
2. 02Portfolio dinámico filtrable por categoría (gráfica, cartelería, marketing, vehicular, video e indumentaria), con control desde el propio CMS de qué trabajos se destacan en el hero.
3. 035 landings de servicio independientes, generadas estáticamente (generateStaticParams), cada una con su propio SEO, features y FAQs, 100% editables sin tocar código.
4. 04Patrón fallback first: cada componente que depende de Sanity (Hero, Portfolio, Testimonials, Footer) incluye su propio contenido de respaldo embebido, para que el sitio nunca se rompa por falta de contenido o una caída del CMS.
5. 05Contacto sin fricción: los formularios arman el mensaje y lo abren directo en WhatsApp del cliente, sin backend propio que mantener.
6. 06SEO y GEO desde el día uno: datos estructurados (Organization, WebSite, LocalBusiness), sitemap automático y un robots.txt que habilita explícitamente a los crawlers de IA (GPTBot, ClaudeBot, PerplexityBot, Google Extended, entre otros) además de bloquear scrapers agresivos.

1. ◆Sanity Studio: el cliente edita contenido
2. ↳Build: Next.js hace fetch GROQ en build time
3. ↳Export estático (output: export)
4. ↳Firebase Hosting (CDN)

• Next.js
• React
• TypeScript
• Tailwind CSS
• Sanity
• Framer Motion
• Firebase Hosting

• La arquitectura headless separa contenido y código: el cliente edita portfolio, servicios, testimonios y FAQs desde Sanity Studio sin pedir ayuda técnica para cada cambio.
• El export estático elimina el servidor Node en producción: cero vulnerabilidades de servidor y carga casi instantánea desde CDN.
• El patrón fallback first evita que el sitio se rompa si el CMS está caído o si un build corre sin las variables de entorno de Sanity configuradas.
• Decisión consciente de simplicidad: sin CI/CD automático, cada actualización de contenido se publica con un build y un deploy manual, priorizando un sistema simple de mantener sobre una automatización que esta fase del proyecto todavía no necesita.