Vademecum · Onboarding collaboratori

Siti Web
Evolution

Landing page per i clienti costruite da un motore di temi: parti da un tema pronto, lo adatti al cliente e ottieni una pagina coerente e veloce.

Stato: in uso Tipo: landing clienti Motore: temi Target: mobile-first

In una frase, e a chi serve

Orientarsi in 30 secondi.

Cos’è. Un sistema per fare landing ai clienti: un _motore-landing con temi pronti (ottone, minimale, chiaro) e una cartella per cliente con la pagina finale.

Il problema che risolve. Rifare ogni landing da zero è lento e incoerente. Qui si parte da un tema e si personalizza: stessa qualità, tempi molto ridotti.

Perché è fatto così. HTML statico e mobile-first, facile da ospitare. Temi separati dai clienti: aggiornare un tema non tocca le pagine già consegnate.

A chi serve

TomasSforna landing per i clienti partendo da una base già solida.
CollaboratoreCrea un cliente nuovo copiando un tema e cambiando i contenuti.
Cliente (attività)Ottiene una landing veloce e curata, perfetta da telefono.

Stack e strumenti

Con cosa è costruito, e perché.

Strumento	Ruolo nel progetto	Perché scelto
HTML/CSS statico frontend	Le landing, una per cliente.	Mobile-first, hosting semplice.
`_motore-landing/temi/` temi	tema-ottone, tema-minimale, tema-chiaro.	Basi riusabili e coerenti.
`anteprima-temi.html` preview	Confronta i temi in un colpo.	Scelta rapida col cliente.
`clienti/<Nome>/` output	`index.html` + assets del cliente.	Pagine separate dai temi.

Temi disponibili

Tema	Mood
`tema-ottone`	Caldo, premium.
`tema-minimale`	Essenziale.
`tema-chiaro`	Pulito, luminoso.

Come funziona - il flusso

Il pattern del progetto, passo per passo.

Da tema scelto a landing online, cliente per cliente.

Scegli tema

Apri anteprima-temi.html col cliente.

anteprima

Crea cliente

Copia il tema in clienti/<Nome>/.

copia

Personalizza

Testi, immagini e colori del cliente.

index.html

Verifica

Mobile-first, niente overflow, stati.

Pubblica

Deploy statico (es. GitHub Pages).

manuale

Regola chiave. Aggiornare un tema non modifica le landing già consegnate: ogni cliente ha la sua copia del tema.

Dove finiscono le cose

Cartella / file	Contenuto
`_motore-landing/temi/`	I temi base.
`_motore-landing/anteprima-temi.html`	Confronto dei temi.
`clienti/<Nome>/`	La landing del cliente.

Onboarding collaboratore + spiegazione cliente

Allineare chi arriva, e raccontarlo a chi non è tecnico.

Collaboratore - primi passi

Da zero a produttivo

Apri _motore-landing/anteprima-temi.html per vedere i temi.
Copia il tema scelto in clienti/<Nome>/.
Cambia testi e immagini nell’index.html del cliente.
Controlla il mobile-first, poi pubblica.

Collaboratore - cosa deve saper fare

Le competenze minime

HTML/CSS e occhio al mobile-first (tap target ≥44px). Nessun framework né build.

Regola d'oro: ogni cliente ha la SUA copia del tema: non collegare più clienti allo stesso file, o una modifica li tocca tutti.

Come lo spieghi al cliente (non tecnico)

«La tua landing nasce da una base già curata e collaudata, poi la vestiamo sui tuoi contenuti. Veloce da mettere online e perfetta da telefono.»

Mobile-first: la maggior parte dei visitatori arriva da smartphone.

Paletti da spiegare subito

Mobile-first sempre: è da lì che arriva la maggior parte dei clienti.
Una copia per cliente: niente file di tema condiviso tra più clienti.
Niente overflow orizzontale: i contenuti larghi scrollano nel loro box.

Paletti, limiti e stato

Cosa è vero oggi, cosa manca.

Da fare più avanti

Nuovi temi	Ampliare la libreria dei temi.
Form / lead	Collegare i contatti a un backend.

Stato reale (onesto)

TipoLanding clienti

Temiottone · minimale · chiaro

TargetMobile-first

Clienti attiviBusiness AL · Ai Do Mori