Show the people behind the service when that helps someone decide. A Team grid block builds trust when it matters who the customer will meet or work with. A name and title alone rarely say enough: the short bio should explain why that person is relevant to the visitor.
Do not fill the section just because there is room. If the people themselves are not part of the decision, you may not need a separate team section. The names below are fictional and only demonstrate the block. On a live website, real people and real portraits make the section credible.
Make the role clear, then use the short bio to explain how that person helps or why a visitor might work with them. Keep the part that matters to the customer rather than turning the card into a full CV.
Similar crops, consistent lighting and one photographic style make the section feel much more coherent. The images should look like a series, not a random collection of profile photos.
Three different roles with short, visitor-focused introductions. The names and descriptions exist only to demonstrate the block.
Project lead
Coordinates the project from the first conversation to handover and keeps the next step clear throughout.
Designer
Turns content goals into a clear page structure and a consistent visual system.
Client support
Handles questions, changes and day-to-day coordination so the collaboration stays simple and predictable.
You can refine both the individual profiles and the visual system of the whole grid.
Each person gets a name, role and short introduction.
Set an image, ALT and TITLE text and a separate focal point for the square crop.
Add LinkedIn, X/Twitter, GitHub or a personal website link to a profile.
Choose Auto, 2, 3 or 4 columns based on team size and bio length.
Minimal, bordered or filled cards give profiles different levels of visual emphasis.
Introduce who visitors are seeing and why these people matter to them.
The Photo style field makes portraits from different sources look like one set.
Portraits appear just as you uploaded them.
Duotone and black & white even out mixed photos, so portraits taken in different light or against different backgrounds still match.
Hovering, tapping or moving keyboard focus to a member shows them in colour with their bio over the photo, so keep bios to one sentence.
Members without a photo keep showing their initials.
Point at or tap a member. The names are fictional and only demonstrate the block.
Ceramicist
She teaches throwing, from your first mug to your own glaze.
Woodworker
He makes chopping boards and small furniture from local walnut and beech.
Course coordinator
Book a place with her; she also answers group enquiries.
Choose from eight new layouts; a live sample of each follows below.
Portrait cards in a grid: a good default for almost any team.
The bio appears over the photo on hover or tap, so it suits a short, one-sentence text.
Circular portraits with a friendly, light feel, for small teams and a personal tone.
A longer bio fits beside the photo, in one or two columns, for when experience matters too.
One person large with the rest beside them, such as the owner or lead expert; they can sit on the left or the right.
Coloured initials instead of photos, for when you do not have a matching set of portraits yet.
A single sideways-scrolling row for a larger team, so the page does not grow long.
The bio is on the back of the card, on a dark or accent-coloured ground.
Portrait cards in three columns. The names are fictional and only demonstrate the block.
Owner
She selects the coffees, and in the mornings you will find her behind the counter.
Roaster
He roasts in small batches so every coffee stays fresh.
Pastry chef
She bakes the pastries and cakes on site every morning.
Point at or tap a member. Shown with black & white photos. The names are fictional and only demonstrate the block.
Hairdresser
Barber
Reception
Circular portraits with a consistent crop. The names are fictional and only demonstrate the block.
Yoga teacher
She teaches beginner and advanced classes, mornings and evenings.
Physiotherapist
After back pain or an injury, he helps you return to exercise safely.
Studio manager
Talk to her about passes, the timetable and group bookings.
Photo and a longer bio side by side, in one column. The names are fictional and only demonstrate the block.
Lead accountant
She has worked with small and medium-sized businesses for twenty years. She prepares the annual accounts and helps when a letter arrives from the tax authority.
Payroll specialist
He runs the monthly payroll and the related tax returns. When you hire someone, he tells you which documents are needed and by when.
Client relations
She receives your invoices and receipts and tells you if anything is missing. You can bring her any question, and she passes it to the right colleague.
The chef is shown large on the right, with the rest of the team beside her. The names are fictional and only demonstrate the block.
Chef and owner
She cooks a seasonal menu that changes weekly, using produce from local growers.
Sous chef
He runs the kitchen day to day and is responsible for the desserts.
Manager
Table bookings, events, special requests: she is the one to ask.
Initials instead of photos, in a different colour for each member. The names are fictional and only demonstrate the block.
Architect
He designs family homes and renovations, from the first sketch to the permit.
Interior designer
She designs rooms that work well in everyday life.
Structural engineer
He checks that the designs can be built safely.
Office manager
She arranges site visits and keeps an eye on deadlines.
Six members in one sideways-scrolling row; members without a photo show their initials. The names are fictional and only demonstrate the block.
Gardener
Landscaper
Florist
Arborist
Online shop
Warehouse lead
The bio is on the back of each card. The names are fictional and only demonstrate the block.
English teacher
She teaches business English and exam preparation in small groups.
German teacher
He teaches beginners to advanced learners, in person and online.
Student advisor
After a placement test, she helps you find the right group.
Ask whether the person, the experience or the measurable result is the important proof.
PEOPLE BEHIND THE SERVICE
Use real team members, consistent portraits and short bios written from the customer's point of view.