Otto layout originali per presentare il team, dalle griglie di foto ai reparti raggruppati, con HTML e CSS modificabili e un generatore di griglia per colonne, forma delle foto e spaziatura.
Una pagina del team dà nomi, volti e ruoli alla tua attività, così i visitatori sanno con chi avranno a che fare. I layout qui sotto vanno da una semplice griglia di foto ai reparti raggruppati fino alla storia di un singolo fondatore. Ognuno è HTML e CSS originale e modificabile, e il generatore di griglia imposta per te colonne, forma delle foto e spaziatura.
Scegliere un layout in base alla dimensione del team
Le persone comprano dalle persone, soprattutto per servizi come cliniche, agenzie, artigiani e ristoranti. Una pagina del team risponde alla domanda su chi c'è dietro l'attività e rende la prima email o visita meno un salto nel buio. Gli esempi qui sono disegnati con le iniziali al posto delle foto, così puoi inserire le tue immagini senza modificare il layout.
Come minimo nome, ruolo e foto di ogni persona. Aggiungi una frase su cosa fa per i clienti e un link di contatto dove è utile. Una breve introduzione in alto spiega come lavora il team insieme.
Indica il nome della persona e aggiungi il ruolo se non è scritto accanto alla foto, per esempio alt="Ana Ruiz, physiotherapist". Se il nome è già in una didascalia proprio accanto all'immagine, un alt breve o solo il nome evitano di ripetere testo lungo.
Dai all'immagine un rapporto d'aspetto fisso con aspect-ratio e usa object-fit: cover. La foto riempie il suo riquadro e l'eccesso viene ritagliato invece di schiacciare il volto.
Le piccole attività spesso inseriscono il team nella pagina chi siamo. Quando superi le otto persone circa, o hai team che i clienti contattano direttamente, una pagina separata mantiene la pagina chi siamo concentrata sulla tua storia.
Sì. Iniziali, illustrazioni o una singola foto di gruppo funzionano quando le persone preferiscono non essere ritratte. Mantieni visibili nomi e ruoli così la pagina continua a fare il suo lavoro.
Le iniziali colorate sostituiscono le foto. Rimpiazza ogni blocco .av con un img che usa la stessa classe.
Foto rotonde, nome e ruolo centrati. Funziona per quasi ogni team da quattro a dodici persone.
Una breve riga su cosa fa ogni persona per i clienti trasforma un muro di ritratti in qualcosa di utile.
Per un'attività di una o due persone, una sola foto e qualche frase sincera hanno più peso di una griglia.
I titoli per ogni team aiutano i visitatori a trovare la persona giusta in un'azienda più grande.
Card più grandi per chi prende le decisioni, una striscia compatta per tutti gli altri.
Righe con nome, ruolo e team sono facili da scorrere e da cercare con la funzione trova del browser.
Ogni persona ha un link email, così i clienti raggiungono subito l'ufficio giusto.
Quando le persone preferiscono non avere ritratti individuali, una foto condivisa con didascalia dà comunque dei nomi all'attività.
Generatore di griglia del team
Scegli le colonne, la forma delle foto e la spaziatura. CSS di partenza:
Colonne su schermi larghi: {n}
Forma delle foto
Cerchio
Arrotondata
Quadrata
Spaziatura: {n}px
Anteprima della griglia del team
Copia il CSS
Inizia gratis · Nessuna carta di credito richiesta