Nitido Studio
Per il team di Sibill

Nitido Studio per Sibill

Come si usa, come funziona dietro le quinte e come si lavora con Claude: tre video, le demo e le risposte ai vostri dubbi.

01~3 min
Per chi aggiorna il sitoCome si usa

Si scrive sul sito vero, si scelgono le sezioni del vostro design system, si pubblica.
02~3–4 min
Per IT e growthDietro le quinte

Il codice di un sito: Astro, le sezioni, cosa si può cambiare e cosa no, la sicurezza.
03~2–3 min
Per tuttiCon il vostro Claude

Il sito si collega a Claude come connettore: compone le vostre sezioni e resta nel vostro stile.
Il filo dei tre videoChi aggiorna il sito non può romperlo.
Le sezioni sono fisse

Si aggiungono, si spostano, si nascondono. Il layout e gli stili li decide il design system, non chi scrive.

Pubblica controlla

Con un link rotto o un testo d'esempio rimasto la pubblicazione si ferma, e online resta la versione di prima.

Tutto si annulla

⌘Z torna indietro anche dopo il salvataggio. Le modifiche di design si chiedono a noi.

Video 1 di 3Per chi aggiorna il sito~3 min

Come si usa

È semplice? Se lo usano in quattro, il sito viene uguale?

Video in arrivoIntanto, qui sotto, l'editor vero da provare.

Provalo: le funzioni, una per una

A destra c'è l'editor vero di Nitido Studio, con un sito di prova di Sibill. Scegli una funzione: l'editor si apre nel punto giusto.

Apri a tutto schermo
L'editor si sta aprendo…

Sono le prime tre sezioni di sibill.com, ricostruite come sezioni di Nitido. Le modifiche restano solo in questa pagina e non vanno da nessuna parte: si può provare tutto. Ricaricando, il sito torna com'era.

Video 2 di 3Per IT e growth~3–4 min

Dietro le quinte

È solido? È sicuro? È Astro vero o una scatola chiusa?

Video in arrivoIntanto, qui sotto, il codice passo per passo.

Il codice, passo per passo

Dall'editor al sito online, in otto passi. Per ogni passo: il file vero, le righe che contano e perché il cliente non può rompere niente.

Apri a tutto schermo
Video 3 di 3Per tutti~2–3 min

Con il vostro Claude

Possiamo usare l'AI come facciamo già, senza che il sito esca dallo stile?

Video in arrivoIntanto, qui sotto, una conversazione d'esempio.

Una conversazione, con i casi difficili

Claude lavora sul sito solo con le azioni del connettore: niente codice, niente stili. Qui i casi che contano: un file da caricare, una conferma, un permesso che manca, una pubblicazione che si ferma.

Apri a tutto schermo
Le risposte

I vostri dubbi

Sicurezza, migrazione, accesso, modifiche.

Sicurezza

Il sito online è fatto di pagine statiche: non c'è un server con plugin da tenere aggiornati.

  • Le pagine sono HTML generato da Astro e servito da Vercel. Niente PHP, niente database esposto.
  • I contenuti di ogni sito sono separati dagli altri nel database stesso, con regole per riga.
  • Regole di sicurezza del browser (CSP) strette, sul sito e sull'editor.
  • Dopo 6 password sbagliate l'accesso si blocca da solo.
  • Ogni modifica a Nitido Studio passa da circa 1.800 test automatici e da un controllo di sicurezza, prima di andare online.

Lo vedete in: Dietro le quinte

Migrazione

La facciamo noi. Il vostro sito diventa un insieme di sezioni del vostro design system, una per una.

  • Non copiamo le pagine in un blocco unico: ogni parte diventa una sezione con i suoi campi, che si può riusare.
  • Le cose che si ripetono, come articoli, storie dei clienti e FAQ, diventano raccolte del CMS.
  • Prima di cambiare indirizzo rivedete il sito sezione per sezione, e lasciate i commenti direttamente sulla pagina.
  • Titoli, descrizioni, sitemap e lingue li scrive il sistema a ogni pubblicazione.

Lo vedete in: la demo dell'editor · Dietro le quinte

Accesso

Ognuno entra con la sua email e il suo ruolo. Chi deve solo guardare non ha bisogno di un account.

  • Tre ruoli: Proprietario (decide e pubblica), Editor (scrive e prepara) e Commentatore (guarda e commenta).
  • Si entra con un invito via email. Chi non ha un permesso vede un lucchetto che spiega a chi chiederlo, invece di un errore.
  • Per far vedere una bozza basta un link d'anteprima: chi lo apre commenta sulla pagina, senza registrarsi.
  • Il connettore di Claude ha un accesso valido per un solo sito.

Lo vedete in: Con il vostro Claude

Modifiche

Si cambia quello che il design prevede, e niente di più. Per questo non si rompe.

  • Ogni sezione dichiara i campi che il cliente può cambiare: testi, immagini, link. Il layout no.
  • Le sezioni nuove si scelgono fra quelle del vostro design system, e vengono uguali chiunque le aggiunga.
  • La Hero non si elimina. Pubblica si ferma su link rotti e testi d'esempio rimasti.
  • ⌘Z annulla anche dopo il salvataggio. Una sezione nuova o un cambio di design si chiede a noi, dall'editor o da Claude.

Lo vedete in: la demo dell'editor