Pietro Fiorillo × QBO Imagen Corporativa

QBO Imagen, studio creativo di design grafico, cartellonistica e marketing applicato a Neuquén, aveva bisogno di un sito che il proprio team potesse aggiornare senza dipendere da uno sviluppatore, che si caricasse velocemente in tutto il paese per clienti remoti da un capo all'altro dell'Argentina, e che competesse per la visibilità non solo su Google ma anche sui nuovi motori di ricerca con IA (ChatGPT, Perplexity, Google AI Overviews), con un sistema di contatto che trasformasse le visite in conversazioni reali senza l'attrito di un modulo tradizionale.

1. 01Architettura JAMstack: il contenuto vive in Sanity Studio (CMS headless), Next.js lo consuma in build time via GROQ e il risultato viene pubblicato come export statico (output: export) su Firebase Hosting, senza server Node in produzione.
2. 02Portfolio dinamico filtrabile per categoria (grafica, cartellonistica, marketing, veicolare, video e abbigliamento da lavoro), con controllo dal CMS stesso di quali lavori mettere in evidenza nell'hero.
3. 035 landing di servizio indipendenti, generate staticamente (generateStaticParams), ciascuna con la propria SEO, caratteristiche e FAQ, 100% modificabili senza toccare codice.
4. 04Pattern fallback first: ogni componente che dipende da Sanity (Hero, Portfolio, Testimonials, Footer) include un proprio contenuto di riserva incorporato, così il sito non si rompe mai per mancanza di contenuto o un'interruzione del CMS.
5. 05Contatto senza attrito: i moduli compongono il messaggio e lo aprono direttamente su WhatsApp del cliente, senza backend proprio da mantenere.
6. 06SEO e GEO fin dal primo giorno: dati strutturati (Organization, WebSite, LocalBusiness), sitemap automatica e un robots.txt che abilita esplicitamente i crawler di IA (GPTBot, ClaudeBot, PerplexityBot, Google Extended, tra gli altri) oltre a bloccare scraper aggressivi.

1. ◆Sanity Studio: il cliente modifica i contenuti
2. ↳Build: Next.js esegue il fetch GROQ in build time
3. ↳Export statico (output: export)
4. ↳Firebase Hosting (CDN)

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

• L'architettura headless separa contenuto e codice: il cliente modifica portfolio, servizi, testimonianze e FAQ da Sanity Studio senza chiedere aiuto tecnico per ogni cambiamento.
• L'export statico elimina il server Node in produzione: zero vulnerabilità lato server e caricamento quasi istantaneo dalla CDN.
• Il pattern fallback first evita che il sito si rompa se il CMS è offline o se una build viene eseguita senza le variabili d'ambiente di Sanity configurate.
• Scelta consapevole di semplicità: senza CI/CD automatico, ogni aggiornamento di contenuto si pubblica con una build e un deploy manuale, privilegiando un sistema semplice da mantenere rispetto a un'automazione che questa fase del progetto non richiede ancora.