Appearance
Team
The Team is a premium CMS module designed to showcase the human element of a business. It provides a professional, uniform layout to introduce staff members, their roles, and their expertise to website visitors.
What is the Team Directory Add-on?
This add-on allows users to create a dedicated "Meet the Team" section using high-impact visual cards. It is designed to be easily manageable within the CMS, allowing for quick updates as your team grows.
Key Features
- Profile Cards: Individual cards for each team member featuring a large-format photograph, name, and job title.
- Dynamic Hover Effects: Subtle visual feedback (such as gentle scaling or shadow changes) when a user interacts with a profile.
- Overlay Typography: Clean, high-contrast text overlays that ensure names and roles are legible regardless of the background image.
- Uniform Aspect Ratios: The system automatically crops or scales images to maintain a consistent card height, ensuring a tidy, professional aesthetic.
Why Include a Team Page?
Adding a team section is a powerful way to build trust and authority with your audience:
- Humanise Your Brand: Personalises the business by putting faces to names, making the company feel more approachable and transparent.
- Highlight Expertise: By displaying specific roles (e.g., "PHP Developer," "Managing Director"), you showcase the diverse skill sets available within your organisation.
- Build Credibility: Professional portraits and clear titles reassure potential clients that they are dealing with an established, organised team.
- Retention and Culture: Recognising staff publicly can boost internal morale and assist in recruitment by showing your company's culture.
Technical Implementation & Management
To ensure your team page looks its best, keep these technical aspects in mind:
Responsive Grid System
The Team Directory uses a flexible grid that scales based on the viewer's device. On a large desktop, it can display a wide row of four or more members; on mobile, it collapses into a single-column list for easy scrolling.
Image Best Practices
While the CMS handles much of the heavy lifting, high-quality photography is key:
- Consistency: Try to use similar lighting and backgrounds for all team photos to create a cohesive look.
- Focus: Ensure faces are centred in the frame to prevent important details from being obscured by the bottom-aligned text overlays.
Performance
Like the Gallery Add-on, the Team page utilizes Lazy Loading. This ensures that even with a large team of 50+ members, the initial page load remains lightning-fast because only the profiles currently on-screen are loaded.
Feature Summary
| Feature | Capabilities |
|---|---|
| Card Customisation | Edit names, roles, and images instantly via the CMS dashboard. |
| Sorting | Drag-and-drop team members to change the order of appearance (e.g., placing Directors first). |
| Mobile Optimised | Fully touch-responsive with swipeable layouts on mobile devices. |
| SEO Ready | Profile names and titles are rendered as text (not images), allowing search engines to index your staff. |