AvoGatto

§ Dietro le quinte

Questo sito l'ha fatto un'intelligenza artificiale

In due giorni. Con Claude Code. Ecco come, senza nascondere niente.

01 Il prompt-master

Tutto è partito da un'istruzione scritta.

Un operatore umano ha scritto un prompt lungo: cosa fare, con che voce, con che stile, quali pagine. Poi Claude Code ha costruito. Questo è un estratto leggibile di quel prompt. 

PROMPT-MASTER — avogatto.it (vetrina-mascotte)

OBIETTIVO: sito-mascotte di Intarget e AIPIA. Tripla scommessa:
  1. intercettare la query "avvocato" con humour, non competere
  2. dare un volto al brand (AvoGatto)
  3. essere il case study LIVE dei servizi "siti AI in 1-2 giorni"

VOICE: italiano informale, divertente, intelligente. Tu informale.
  Frasi 12-25 parole. Zero marketing-speak. AvoGatto parla in prima
  persona in alcune sezioni.

STACK: Astro (static), Tailwind v4, React islands solo dove serve,
  font self-host, deploy su Vercel. Verifica le versioni latest,
  non basarti sul training data.

DESIGN: direzione "cartoon-zine vector". Palette warm earth
  (avocado, mostarda, crema, inchiostro, rosso lacca). Illustrazioni
  vettoriali di AvoGatto coerenti, una posa per pagina. Layout
  asimmetrici. Niente gradient viola-rosa, niente glassmorphism.

PAGINE: home, /avogatto (lore), /sito-fatto-con-ai (questa),
  /claude-code, due servizi, chi-siamo, contatti, privacy, 404.
  Schema.org su ogni pagina. Internal linking. Niente form: solo email.

REGOLE: mai inventare numeri o credenziali. Mai framing negativo.
  Niente prezzi: sempre "scrivi a info@avogatto.it".

02 Gli strumenti

Sei strumenti, nessun trucco.

Claude Code

Il terminale AI di Anthropic. Ha scritto codice e contenuti.

Astro

Framework per siti statici veloci.

Tailwind CSS

Design tokens e stile, versione 4.

Vercel

Hosting e deploy automatico.

SVG vettoriale

AvoGatto disegnato come vettore, niente immagini pesanti.

GitHub

Versionamento del codice, commit dopo ogni fase.

03 Le fasi

Otto fasi, dalla cartella vuota al go-live.

  1. 0

    Init

    Progetto, struttura cartelle, repo, primo deploy vuoto.

  2. A

    Discovery

    Ricerca SERP, benchmark mascotte, scelta direzione visiva.

  3. B

    Design system

    Palette, font, componenti e illustrazioni di AvoGatto.

  4. C

    Contenuti

    Dieci pagine scritte una per una, con schema e link interni.

  5. D

    SEO / LLMO

    robots.txt, llms.txt, sitemap, immagini social, dati strutturati.

  6. E

    Verifica

    Controllo DOM, accessibilità, performance, console pulita.

  7. F

    Go-live

    Deploy in produzione, dominio, redirect.

  8. G

    Review

    Report finale con decisioni prese e cose da rifinire.

Vuoi un sito così?

Te lo costruiamo con lo stesso metodo. O ti insegniamo a farlo.

Siti web con l'AI Scrivici